/* CSS Document */

* { padding:0; margin:0; }

/*######################################################################################################################*/
.sitlarg { margin:auto; }
.blocintro { position:relative; background:#94AAC3 url("../../images/degrad.png") repeat-x 0 -8px; min-height:105px; }
.sousmen { position:relative; background:url("../pictures/design/menu.png") no-repeat; height:29px; width:403px; clear:both; }
.sousmenpos { float:left; padding:4px 20px 0 20px; }
.sousmenpos a { color:#FFF; float:left; font-size:12px; font-weight:bold; line-height:1.7em; text-decoration:none; }
.sousmenint { border-right:1px solid #FFB380; float:left; height:18px; margin:2px 16px 0 16px; }
.slogan  { color:#084684; margin:15px 0 0 190px; z-index:8; }
.slogan2 { color:#FFF; margin:16px 0 0 191px; z-index:9; }
.slogan, .slogan2 { font-size:24px; font-weight:bold; position:absolute; text-transform:uppercase; }
.contenu { float:left; width:640px; padding:25px 14px 0px 14px; }
.titre1 { color:#074684; font-size:14px; font-weight:600; text-transform:uppercase; }
.titre2 { color:#074684; font-size:13px; font-weight:600; text-transform:uppercase; }
#sel { position:absolute; z-index:2; }
.copyr { margin-left:0; }
/*######################################################################################################################*/

/* Header */
#tel { position:absolute; margin:10px 0 0 680px; font-size:18px; color:#FF8B41; letter-spacing:2px; text-align:center; }
#num { color:#074684; font-size:29px; letter-spacing:2px; }
#cout { font-size:11px; color:#074684; }
#entete { float:left; position:relative; height:105px; }
#entete2 { position:absolute; right:82px; top:-40px; }
#macaron { position:absolute; right:30px; top:20px; }
#degrade { position:absolute; background:url('../pictures/design/degrade.png') no-repeat; width:60px; height:105px; margin-left:98px; }
.blocintro p, #savoir { font-size:11px; padding:0; width:480px; color:#074684; }
#savoir { padding-bottom:15px; }
*html #savoir { margin-left:160px; width:400px; }

/* Footer */
#footer { background-position:bottom; height:auto; padding-bottom:20px; }
#footer2 { margin-top:20px; }
#footer2 .lfoot { margin-top:6px; }
#footer .footright { width:560px; margin-left:50px; }
#footer .bf { width:185px; }

/* IE 6 */
*html .blocintro { height:105px; }
*html .slogan, *html .slogan2 { margin-left:32px; }
*html .blocintro p, *html #savoir { padding-left:32px; }
*html #degrade { display:none; }
*html #entete { overflow: hidden; }
*html .block, *html .contour, *html #contact, *html dd { background:none; }

/* IE 7 */
*+html .slogan, *+html .slogan2 { margin-left:32px; }
*+html .blocintro p, *+html #savoir { padding-left:32px; }
*+html #savoir { margin-left:158px; }
*+html #entete2 { bottom:-3px; }
*+html #macaron { bottom:-13px; }

/* Right */
#right { float:left; width:247px; margin-top:20px; }
.sidebar { position:relative;  background:#FFF url('../pictures/design/right.png') no-repeat 0 1px; border:1px solid #CEE0EE; border-top:0; min-height:100px; margin-bottom:15px; }
*html .sidebar { margin-left:5px; }
#cle { position:absolute; width:74px; height:66px; margin:180px 0 0 -15px; }
#cle2 { position:absolute; width:74px; height:66px; margin:25px 0 0 -15px; }
.top { background:url('../pictures/design/bg_right.png') no-repeat; height:30px; color:#FFF; text-transform:uppercase; text-align:center; line-height:28px; font-size:12px; font-weight:bold; }
#middle { background:#E8EFF8; height:35px; color:#FA861A; font-weight:bold; padding:6px 0 0 65px; margin-bottom:25px; }
.sidebar .intro { color:#074684; padding:15px; }
.sidebar ul { list-style:none; margin:0 0 25px 15px; padding-right:14px; }
.sidebar li { background:url('../pictures/design/puce.png') no-repeat; padding-left:18px; font-size:11px; margin-bottom:10px; }
.sidebar form { margin-left:10px; }
.sidebar label { width:85px; color:#074684; font-weight:bold; font-size:11px; text-align:right; margin-right:8px; }
.sidebar input[type=text] { width:125px; border-color:#074684; font-size:11px; }
*html .sidebar input { width:125px; }
.sidebar #submit { border:0; width:auto; margin:4px 0 2px 0; }

/* Carrousel */
#slideshow { margin-top:10px; z-index:1; }
#absolute { position:absolute; z-index:1; width:256px; height:279px; background:url('../pictures/design/fond_carrousel.png') no-repeat; margin:-50px 0 0 350px; }
*html #absolute { background:url('../pictures/design/fond_carrousel.gif') no-repeat; }
#slideshow .screen { position:absolute; width:108px; height:91px; background:url('../pictures/design/screen.png') no-repeat; margin:-40px 0 0 100px; padding:4px 0 0 4px; }
#slideshow .screen2 { height:70px; }
#slideshow .texte { position:absolute; z-index:2; width:256px; height:279px; margin:-50px 0 0 350px; }
#slideshow .texte p { padding:0 10px 10px 35px; }

#nav { float:left; width:417px; margin-left:0; }
#nav li { list-style:none; margin-bottom:10px; }
#nav li a { display:block; background:url('../pictures/design/fond_gris.png') no-repeat; width:417px; height:49px; padding:8px 0 0 14px; text-decoration:none; color:#000; cursor:default; }
#nav a:hover, #nav a.activeSlide { background:url('../pictures/design/fond_orange.png') no-repeat; }
#nav h4 { color:#074684; font-size:13px; margin-bottom:0px; }
#nav a:hover h4, #nav a.activeSlide h4 { color:#FFF; }

/* Bloc large gris */
.block { background:url('../pictures/design/block.png') no-repeat; width:607px; height:126px; padding:20px 0 0 20px; }

/* Présentation client */
#photo { float:left; width:170px; }
#photo img { border:2px solid #074684; }
#presentation { float:left; width:220px; margin-right:25px; }
#prenom { color:#074684; font-weight:bold; padding-bottom:10px; }
#appels { float:left; width:160px; }
#phone { float:left; width:60px; margin-left:20px; }
#nbAppel { float:left; width:60px; color:#FA861A; font-size:30px; }

/* Nos clients */
#clients { margin-left:15px; }
#clients li { list-style:none; display:inline; margin-right:55px; }
#clients img { vertical-align:middle; }

/* Pages intérieures */
#colTop { background:url('../pictures/design/colTop.png') no-repeat; height:32px; }
#colBottom { background:url('../pictures/design/colBottom.png') no-repeat; height:32px; }
#col { background:url('../pictures/design/col.png') repeat-y left top; padding:0 0 0 25px; }
#col h4 { color:#FA861A; font-size:13px; margin-bottom:10px; }
#col h4 img { margin-right:5px; }
#col .colLeft { float:left; width:130px; margin-left:40px; }
#col .colRight { float:left; background:url('../pictures/design/block2.png') no-repeat; width:360px; height:100px; padding:20px 20px 0 20px; }
*html #col .colRight { background:none; width:340px; }
#col ul { list-style:none; }
#col li { background:url('../pictures/design/puce.png') no-repeat; padding-left:18px; margin-bottom:12px; color:#074684; }

/* Témoignages */
.temoignage { clear:both; width:350px; margin-left:130px; }
.bulle { float:left; width:200px; height:60px; background:url('../pictures/design/bulle.jpg') no-repeat; padding:8px 34px 0 26px; font-size:11px; margin-right:8px; }
.vignette { float:left; width:71px; height:64px; }
.contour { position:absolute; width:75px; height:65px; background:url('../pictures/design/vignette.png') no-repeat;  }
.auteur { clear:both; font-size:11px; color:#CCC; text-align:right; width:245px; }

/* Références */
.reference { background:url('../pictures/design/block3.png') no-repeat right 20px; height:120px; }
.logo { float:left; width:95px; }
.description { float:left; width:370px; margin-right:15px; }
.description img { margin-right:8px; }
.site { float:left; width:108px; height:91px; background:url('../pictures/design/screen.png') no-repeat; padding:4px 0 0 4px; }
.temoignage2 { width:500px; margin-left:80px; margin-top:10px; }
.bulle2 { float:left; width:326px; height:60px; background:url('../pictures/design/bulle2.jpg') no-repeat; padding:8px 45px 0 34px; font-size:11px; margin-right:8px; }
.auteur2 { clear:both; font-size:11px; color:#CCC; text-align:right; width:388px; }

/* FAQ */
dl { margin-left:12px; }
dt { color:#074684; background:url('../pictures/design/puce.png') no-repeat; padding-left:18px; padding-bottom:20px; }
dt:hover { text-decoration:underline; }
dd { background:url('../pictures/design/block4.png') no-repeat; width:527px; height:78px; padding:20px 0 20px 20px; margin-left:20px; }

/* Contact */
#contact { background:url('../pictures/design/contact.png') no-repeat; padding:20px 20px 0 0; margin-top:15px; }
#contact h4 { margin-bottom:30px; }
#contact label { width:92px; color:#074684; font-weight:bold; font-size:11px; text-align:right; margin-right:8px; }
#contact input[type=text], #contact textarea { width:190px; border-color:#074684; font-size:11px; }
*html #contact input { width:180px; }
#contact textarea { height:60px; }
#contact #submit { border:0; width:auto; }
*html #contact textarea { width:180px; }  

/* Global */
a { color:#074684; text-decoration:none; }
a:hover { text-decoration:underline; }
p { padding-bottom:15px; line-height:16px; }
* html p { padding-bottom:8px; }
form p { padding-bottom:12px; }
ul { margin-left:20px; }

.both { clear:both; }
.center { text-align:center; }
.right { text-align:right; font-size:11px; }
.middle { vertical-align:middle; }
.color { color:#FA861A; font-size:18px; font-weight:normal; }

/* Hx */
h1 { font-weight:bold; padding: 0 0 20px 0; color:#FFF; }
h2 { font-size:18px; color:#FFF; padding:45px 0 5px 190px; }
h3 { font-size:12px; font-weight:bold; margin-bottom: 14px; }
h4 { font-size:12px; font-weight:bold; margin-bottom:8px; text-transform:uppercase; }

/* Form */
fieldset { width:400px; margin:0 auto 10px auto; }
label { display:block; float:left; width:120px; }
input, select, textarea { font:inherit; padding:2px; border:1px solid #ced8e6; }
input, select { vertical-align:middle; }
input[type=image], input[type=checkbox], input[type=radio] { border:0; }
textarea { width:280px; height:100px; overflow:auto; }
input[type=text], input[type=password] { width:280px; padding:2px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { background:#E8EFF8; }

/* Message */
.info { color:green; background:url('../pictures/design/accept.png') no-repeat; height:20px; padding-left: 20px; vertical-align:middle; }
.warning { color:#FB7D28; background: url('../pictures/design/error.png') no-repeat; height:20px; padding-left: 20px; vertical-align:middle; }
.error { color:red; background:url('../pictures/design/exclamation.png') no-repeat; height:20px; padding-left:20px; vertical-align:middle; }