body {font:13px Verdana, Arial, Helvetica, sans-serif ; color:#006882/*666699*/; background:#EFFBFD;}
body, p, ul, li, h1, h2, h3, h4, form, input, label {margin:0; padding:0}
ul, li {list-style-type:none;}

img {border:0}
.clearFloat {clear:both}
.centrer {text-align:center; display:block}

h1 { font-weight:bold ; font-size:17px}
h2 {font-size:14px; margin:0 0 15px 0; }

.imgFont {font-size:1px;} /* pour compenser un probleme d'affichage dans ie 6*/
a {outline:none;}
a:link, a:visited, a:active {color:#006882}



/* SQUELETTE */
#container {width:984px ; margin:0 auto; position:relative;}
#header {position:relative ; height:88px ;width:984px;background:url(images/header_bg.png) top left no-repeat;}
#header a  img { margin:17px 0 0 23px; }

#content, #contentFree {position:relative ; background: url(images/containerHaut.gif) no-repeat #DBEFF3/*efeff5*/ ; padding-top:15px}
/*content fixe*/
#content { min-height:444px;padding-bottom:20px}
#contentHome {position: relative; height:578px;  }

#slide_home { height:320px/*290px*/; background:#fff; margin-bottom:15px; color:#006699;}
#slide_home p {padding:4px 0; text-align:center; height:31px;  }

#text_slide { width:912px; margin:6px auto; height:33px;padding-top:2px}
#text_slide a { float:right;}
#text_slide p span {font-size:16px; font-weight:bold;}

.info_home_cadre { height:245px; width:467px; float:left; background: url(images/home/bg_cadre_info_home.jpg) top left repeat-y; padding:10px;}
.first{ margin-right:10px;}

.info_home_cadre h3 {margin-bottom:10px; padding-top:5px; height:30px; font-size:21px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 

padding-left:40px;background: url(images/wd.png) no-repeat top left;}
.info_home_cadre h3 span { width: 430px; height:30px; border-bottom:1px solid #D6D6D6; }
#info_home .info_home_cadre li {font-size:12px;}
.info_home_cadre li { margin:0 0 5px 5px; background:url(images/flech.gif) no-repeat; background-position: 0px 4px; font-size:13px; line-height:18px; 

padding-left:10px;}

.info_home_cadre li span {font-weight:bold; color:#006699;font-size:12px;}
.info_home_cadre li span.date {font-weight:normal; color:#B28801;font-size:12px;}
.logo_ufsbd { float:right; margin:-90px 20px 0 0;}

.special {float:right; margin-top:-30px; z-index:99; }

#footer { font-size:10px; position: relative ; height:18px ; border-top:1px solid #b2b2cc; border-bottom:1px solid #b2b2cc ;  margin-top:8px }



/* NAV */
/*modif du 19/11 */
#header .signature {display:block ; position:absolute; top:1px ; left:450px; background:url(images/signature.gif) no-repeat; width:211px ;height:77px;}	
#header .chrono {display:block ; position:absolute; top:1px ; left:450px; background:url(images/chrono.gif) no-repeat; width:161px ;height:76px;}	
#header .chrono:hover {background-position:0 -76px;}
/*fin modif du 19/11 */	
#header .log {position: absolute ; top:24px; right:10px; width:312px; font-family:arial; }
#header .log p { color:#ffffff; font-weight:bold; font-size:17px; line-height:22px; margin-bottom:2px; }
#header form {margin-top:22px}
#header input {font-size:11px; text-indent:3px; width:137px; height:16px; margin:0; padding:0; border:1px solid #0893B0; color:#00728F;}
/*modif du 19/11 */
#header .btnOk { width:26px ; height:18px ; position:absolute; background:url(images/btOk.gif) top left no-repeat; margin:1px 0 0 4px; }
/*fin modif du 19/11 */


#header label {color:#fff}
* html  #nav{ margin-top:-2px; }
#nav {background:#2FD8EB; width:100%; height:27px;}
#nav ul{list-style:none; margin:0 ; padding:0; }
#nav li { float:left; vertical-align:middle;}
#nav li a {text-align:center; text-decoration:none; font-size:13px;  font-weight:normal;  color:#ffffff; display:block; float:left;cursor: pointer;}

.bt_menu_left {float:left; background:url(images/nav/bt_menu_left.png); width:5px; height:27px; }
.bt_menu_right {float:left; background:url(images/nav/bt_menu_right.png); width:5px; height:27px; }
.bt_menu_center {float:left; background:url(images/nav/bt_menu_center.png) repeat-x; height:27px; line-height:26px; vertical-align:middle; }

#nav li a.home {background:url(images/nav/home_off.png) top left no-repeat; width:30px; height:27px; }
#nav li a.home:hover, #nav li a#ctl00_home.select, #nav li a#ctl00_demo.select {background:url(images/nav/home_on.png) top left no-repeat; width:30px; 

height:27px;}

#nav a:hover .bt_menu_left, #nav a.select .bt_menu_left,  #nav a.demo_select .bt_menu_left{ float:left; background:url(images/nav/bt_menu_left_on.png); 

width:5px; height:27px; }
#nav a:hover .bt_menu_right , #nav a.select .bt_menu_right,  #nav a.demo_select .bt_menu_right{float:left; background:url(images/nav/bt_menu_right_on.png); 

width:5px; height:27px; }
#nav a:hover .bt_menu_center , #nav a.select .bt_menu_center, #nav a.demo_select .bt_menu_center{float:left; 

background:url(images/nav/bt_menu_center_on.png) repeat-x; height:27px; }

#nav li a.temoins .bt_menu_center, #nav li a.temoins:hover .bt_menu_center, #nav li a.temoins_select .bt_menu_center  {width:91px;}

#nav li a.demo .bt_menu_center, #nav li a.demo:hover .bt_menu_center, #nav li a.demo_select .bt_menu_center  {width:145px;}

#nav li a.offre .bt_menu_center, #nav li a.offre:hover .bt_menu_center, #nav li a.offre_select .bt_menu_center {width:128px;}

#nav li a.tarifs .bt_menu_center, #nav li a.tarifs:hover .bt_menu_center, #nav li a.tarifs_select .bt_menu_center {width:138px;}

#nav li a.temoignages .bt_menu_center, #nav li a.temoignages:hover .bt_menu_center, #nav li a.tarifs_select .bt_menu_center {width:138px;}

#nav li a.charte .bt_menu_center, #nav li a.charte:hover .bt_menu_center, #nav li a.charte_select .bt_menu_center {width:148px;}

#nav li a.imprimerie .bt_menu_center, #nav li a.infos:hover .bt_menu_center, #nav li a.infos_select .bt_menu_center {width:92px;}

#nav li a.abonne .bt_menu_center, #nav li a.abonne:hover .bt_menu_center, #nav li a.abonne_select .bt_menu_center{width:142px;}
/**/





/* FOOTER */ 

#footer {border:0; font-size:11px; color:#fff; font-family:arial;}
#footer_content_cadre {float:left; width:984px; background:url(images/footer_bg.png) top left repeat-y; border-top: 1px solid #2EB7D1; padding-bottom:15px;}
#footer_content {margin:15px;margin-right:0px;}
#footer_content div { float:left; width:300px; margin-right:23px; }
#footer_content h4 a, #footer_content h4  a:link, #footer_content h4  a:visited, #footer_content h4  a:active { font-size:13px; font-weight:bold; 

text-decoration:none; color:#fff; }
#footer_content h4 a:hover { text-decoration:underline; }
#footer_content p { color: #C6F5FF; margin-bottom:8px; border-bottom:1px dotted #C6F5FF;padding-bottom:4px;}
#footer_content h4 a.orange{color:#ffe264;}

#footer_end {float:left; width:984px; height:52px; background:url(images/end_footer.png) top left no-repeat; }

#footer_end span {float:right;margin:20px 23px 0;font-size:11px; font-family:arial;}
#footer_end span a, #footer_end span a:link, #footer_end span a:visited, #footer_end span a:active { color:#fff; text-decoration:none; }
#footer_end span a:hover {text-decoration:underline; }

#content a, #content a:link, #content a:visited, #content a:active{color:#006882 ; text-decoration:underline;}
#content a:hover {text-decoration:none;}






/* HOME */
#home { background-color:#fff;  height:444px; }
#home .visuel{ position:absolute; top:0 ; right:0;}

#home .acces { position:absolute; top:8px ; left:0;}
#home .acces a.bt1 {display:block ;background:url(images/home/bt_edito.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt1:hover {background-position: 0 -43px ;}
#home .acces a.bt2 {display:block ;background:url(images/home/bt_faq.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt2:hover {background-position: 0 -43px ;}
#home .acces a.bt3 {display:block ;background:url(images/home/bt_siteTemoins.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt3:hover {background-position: 0 -43px ;}
#home .acces a.bt4 {display:block ;background:url(images/home/bt_gratuit.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt4:hover {background-position: 0 -43px ;}
#home .acces a.bt5 {display:block ;background:url(images/home/bt_abonner.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt5:hover {background-position: 0 -43px ;}
#home .acces a.bt6 {display:block ;background:url(images/home/bt_sites.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt6:hover {background-position: 0 -43px ;}
#home .acces a.bt7 {display:block ;background:url(images/home/bt_presse.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt7:hover {background-position: 0 -43px ;}
#home .acces a.bt8 {display:block ;background:url(images/home/bt_ortho.gif) no-repeat ; width:211px ; height:43px; border:0 ;}
#home .acces a.bt8:hover {background-position: 0 -43px ;}

#home .abonne {position:absolute; /*top:350px ;*/ bottom:0; left:0;}
#home .abonne a.bt1 {display:block ;background:url(images/home/bt_accesAbonne.gif) no-repeat ; width:211px ; height:53px; border:0 ;}
#home .abonne a.bt1:hover {background-position: 0 -53px ;}

#home #lienADFHome {position:absolute; display:block; width:85px; height:30px;top:245px;left:280px; border:0px solid black;z-index:1000; 

background-color:#006600; opacity:0; filter:alpha(opacity=0);}

/* EDITO */
#edito { padding:15px 30px 0 30px  }
#edito h1 {display:none}
#edito h2 { font-size:13px; color:#328925 ;margin:25px 0 0 0 }
#edito .mag {background:url(images/edito/dentisteMag.gif) 0 -2px no-repeat; height:auto; padding:0 0 10px 105px ;}
#edito .intro {background:url(images/edito/fond.gif) no-repeat ;  width:360px ; height:180px ; margin: 20px 15px 15px 0; padding:12px; font-weight:bold; 

line-height:19px}
#edito .visuel {padding-right:20px }
#edito .signature {text-align:right}
#edito a.imprimezPage { position:absolute ; top:0 ;right:30px ;display:block ;background:url(images/tarifs/imprimezPage.gif) no-repeat ; width:199px ; 

height:43px; margin:30px auto;}
#edito a.imprimezPage:hover {display:block ;background-position: 0 -43px ; width:199px ; height:43px}


/* TEMOINS */ 
#temoins { background:url(images/temoins/titre.gif)0 0 no-repeat}
#temoins h1 { text-align:center; padding:0 0 10px 0}
#temoins .bloc {border:0px solid black; height:403px}
#temoins a {width:200px; height:190px; display:block;	margin:0 10px 10px 25px;float:left; }
#temoins a.classique {background: url(images/temoins/classique.gif) 0 190px; }
#temoins a.aero {background: url(images/temoins/aero.gif) 0 190px; }
#temoins a.fraicheur {background: url(images/temoins/fraicheur.gif) 0 190px;}
#temoins a.mosaique {background: url(images/temoins/mosaique.gif) 0 190px; }
#temoins a.blog {background: url(images/temoins/blog.gif) 0 190px; }
#temoins a.polaroid {background: url(images/temoins/polaroid.gif) 0 190px; }
#temoins a.reflex {background: url(images/temoins/reflex.gif) 0 190px; }
#temoins a.wood {background: url(images/temoins/wood.gif) 0 190px; }
#temoins a.azur {background: url(images/temoins/azur.gif) 0 190px; }
#temoins a.bientot {background: url(images/temoins/bientot.gif) 0 0px; }
#temoins a:hover {background-position: 0 0; }
	
#ortho { background:url(images/temoins/titre_ortho.gif) 0 15px no-repeat }
#ortho h1 { text-align:center; padding:15px 0 45px 0}
#ortho h1 .coul, #demoEtape1 .coul{ color:#bb1032 }
#ortho .date { font-size:10px}
#ortho .bloc {margin-left:40px!important ; margin-left:30px ; position:relative}
#ortho .bloc .style {width:190px ; text-align:center; float:left; margin:0 15px}
#ortho .bloc .style a { width:190px; height:140px; display:block ;border:1px solid #dbeff3;}
#ortho .bloc .style a:hover {border:1px solid #bb1032;}
#ortho .infos { position:absolute;	bottom:20px;left:55px}
#ortho .infos ul li {background:url(images/temoins/ortho_fleche.gif) 0 4px no-repeat; padding-left:25px ; font-size:16px ; font-weight:bold ; margin:5px 0}
#ortho a.bt  {position:absolute; bottom:20px; right:55px ;display:block ; background:url(images/temoins/bt-creezSiteDemo.gif) no-repeat; width:257px; 

height:70px}
#ortho a.bt:hover {background-position:bottom}
/*#ortho .bloc a.bt:hover {background:0 -5px;}*/
/*#ortho a.classique, #temoins a.aero, #temoins a.fraicheur, #temoins a.mosaique {width:200px; height:200px; display:block;	margin:0 10px 20px 

25px!important;	margin:0 10px 20px 20px; float:left; border:1px solid yellow }
#ortho a.classique {background: url(images/temoins/classique.gif) 0 200px; }
#ortho a.aero {background: url(images/temoins/aero.gif) 0 200px; }
#ortho a.fraicheur {background: url(images/temoins/fraicheur.gif) 0 200px;}
#ortho a.mosaique {background: url(images/temoins/mosaique.gif) 0 200px; }
#ortho a.classique:hover, #temoins a.aero:hover, #temoins a.fraicheur:hover, #temoins a.mosaique:hover {border:1px solid red}*/

/* modif 14/01 */

#temoins h2 { text-align:center;}

.searchImg {
	border: 1px solid #E0E0E0;
	}

#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 433px;
	height: 0px;
	z-index: 200;
}
/* fin modif 14/01 */

	
	
hr {margin:15px 0;border:0; background-color: #006882; height: 1px;}





/* ::::::::::::::::::: */
/*        DEMO       */
/* ::::::::::::::::::: */

/*etape 1*/
#demoEtape1 { padding:55px 0 0 30px ; }
#demoEtape1 .ongletEtape1 { position:absolute; right:295px; top:80px; width:277px; }
#demoEtape1 h1 { position:absolute ;top:30px ; left:30px; font-size:18px;}
#demoEtape1 h2 { position:absolute; top:86px; left:700px; font-size:16px; color:#006882 }
#demoEtape1 .colLeft { position:absolute; top:80px; left:30px; width:340px; height: 286px; border-right:1px solid #006882; padding-right:10px; }
#demoEtape1 .colLeft li { padding:0px 0 15px 25px ; font-size:13px; font-weight:bold ;background:url(images/demo/puce.gif) no-repeat;}
#demoEtape1 .colRight { position:absolute; top:136px; right:21px; width:548px; height: 230px; }
#demoEtape1 .colRight h2 {}
#demoEtape1 .footer {width:925px ;height:23px ; position:absolute; bottom:5px;}
#demoEtape1 .footer .fleche {position:absolute; left:355px ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:420px ;}
#demoEtape1 .footer a.suivante {float:right; display:block ;background:url(images/tarifs/bt_suivante.gif) no-repeat ; width:148px ; height:23px; border:0 ;}
#demoEtape1 .footer a.suivante:hover {background-position:0 -23px;}
#demoEtape1 .mentions { font-size:10px; position:absolute; top: 153px; width: 320px; text-align:justify}
#demoEtape1 .mentions h3 {font-weight:bold ; font-size:12px ;}

/* etape 2*/
#demoEtape2 { padding:5px 0 0 30px ; }
#demoEtape2 h1 { position:absolute; top:30px; left:340px; font-size:16px; }
#demoEtape2 .choixA {width:277px; margin:10px 0 }
#demoEtape2 .choixA .haut, #demoEtape2 .choixA .bas{ font-size:1px ; height:16px;}
#demoEtape2 .choixA .milieu {  padding:0 10px ; border-left:1px solid #006882; border-right:1px solid #006882; text-align:center; font-weight:bold; 

height:330px; overflow:auto;}
#demoEtape2 .choixA .milieu label{display: block;  width:200px; height:148px ; margin:10px auto; }
#demoEtape2 .choixA .classique { cursor: pointer;  background:url(images/demo/style/classique.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .aero { cursor: pointer;  background:url(images/demo/style/aero.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .fraicheur { cursor: pointer;  background:url(images/demo/style/fraicheur.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .mosaique { cursor: pointer;  background:url(images/demo/style/mosaique.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .polaroid { cursor: pointer;  background:url(images/demo/style/polaroid.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .blog { cursor: pointer;  background:url(images/demo/style/blog.gif) 0 -149px no-repeat;  }
#demoEtape2 .choixA .classique:hover, #demoEtape2 .choixA .aero:hover, #demoEtape2 .choixA .fraicheur:hover { background-position: 0 2px; }
#demoEtape2 .choixA .mosaique:hover, #demoEtape2 .choixA .polaroid:hover, #demoEtape2 .choixA .blog:hover  { background-position: 0 2 px; }

#demoEtape2 .choixB {position : absolute; top:66px; left:340px; width:620px ; height:388px;}
#demoEtape2 .choixB .zone { position:absolute; width:620px; right:0 ; top:0; visibility:hidden ; border:1px solid red ;height:388px;}
#demoEtape2 .choixB #classique, #demoEtape2 #aero, #demoEtape2 #fraicheur, #demoEtape2 #mosaique, #demoEtape2 #polaroid, #demoEtape2 #blog {width:620px ; 

height:300px; position:absolute; top:0; left:0 ; }
#demoEtape2 .choixB .radioCheck {position:absolute; top:0; right:10px;}
#demoEtape2 .choixB .blocVisuel {margin-top:20px ;}

#demoEtape2 .choixB .position { width:620px ;  position:absolute; background:#fff ; text-align:center; }

#demoEtape2 .choixB #footerChoix {width:620px ;height:23px ; position:absolute; bottom:0 ;  right:0px ; visibility:hidden}
#demoEtape2 .choixB #footerChoix .fleche {float:left ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:300px ;}
#demoEtape2 .choixB #footerChoix a.suivante {float:right; display:block ;background:url(images/tarifs/bt_suivante.gif) no-repeat ; width:148px ; 

height:23px; border:0 ;}
#demoEtape2 .choixB #footerChoix a.suivante:hover {background-position: 0 -23px ;}
#demoEtape2 .choixB #footerChoix a.precedent {float:right; display:block ;background:url(images/tarifs/bt_precedent.gif) no-repeat ; width:148px ; 

height:23px; border:0 ; padding-right:5px;}
#demoEtape2 .choixB #footerChoix a.precedent:hover {background-position: 0 -23px ;}

/* etape 3*/
#demoEtape3 { padding:5px 0 0 30px ; }
#demoEtape3 h1 { position:absolute; top:30px; left:340px; font-size:16px; }
#demoEtape3 .tab {width:555px; padding:60px 0 0 180px; font-size:12px;}
#demoEtape3 .tab .haut, #demoEtape3 .tab .bas { font-size:1px ;}
#demoEtape3 .tab .milieu {position:relative; padding:10px 10px 0 10px ;  width:533px;border-left:1px solid #28a7c3 ; border-right:1px solid #28a7c3 ; }
#demoEtape3 .tab .milieu label {display:block ; float:left ; padding:25px 5px 15px 0 ;}
#demoEtape3 .tab .milieu input {border:1px solid #606093 ; padding:2px ; font-size:10px }
#demoEtape3 .tab .milieu .blocs {width:400px ; margin:10px auto;}
#demoEtape3 .tab .milieu .infos {float:left; }
#demoEtape3 .tab .milieu a.tarifs {display:block ; float:right;  background:url(images/demo/blocTarifs.gif); width:153px ; height:73px}
#demoEtape3 .tab .milieu a.tarifs:hover { background-position:0 -73px}
#demoEtape3 .tab .milieu a.clic { position: absolute; background:url(images/demo/btCliquez.gif); width:111px; height:38px; display:block;  right:10px; 

top:10px; }
#demoEtape3 .tab .milieu a.clic:hover { background-position:0 -39px;}
#demoEtape3 a.imprimezPage { position:absolute ; top:0 ;right:30px ;display:block ;background:url(images/tarifs/imprimezPage.gif) no-repeat ; width:199px ; 

height:43px; margin:30px auto;}
#demoEtape3 a.imprimezPage:hover {display:block ;background-position: 0 -43px ; width:199px ; height:43px}





/* ::::::::::::::::::: */
/* ::::   OFFRE    ::::*/
/* ::::::::::::::::::: */
h1 { padding-bottom:10px;}
#descOffre {margin:15px 0 0 30px }
#descOffre a.imprimezDescriptif { position:absolute; width:217px; height:43px; display:block; background: url(images/offre/imprimezDescriptifOffre.gif); 

right:20px; top:18px; border:0 }
#descOffre a.imprimezDescriptif:hover {background-position: 0 -43px; }
#descOffre li.puce1, #descOffre li.puce2,  #descOffre li.puce3,  #descOffre li.puce4,  #descOffre li.puce5,  #descOffre li.puce6 { padding:2px 0 0 25px  ; 

height:20px ; font-size:12px; }
#descOffre li.puce1 a, #descOffre li.puce2 a, #descOffre li.puce3 a, #descOffre li.puce4 a, #descOffre li.puce5 a , #descOffre li.puce6 a { color:#005568;}
#descOffre a:link, a:visited, a:active {color:#005568}
#descOffre li.puce1 a:hover, #descOffre li.puce2 a:hover, #descOffre li.puce3 a:hover, #descOffre li.puce4 a:hover,#descOffre li.puce5 a:hover, #descOffre 

li.puce6 a:hover  { text-decoration:none}
#descOffre li.puce1 { background:url(images/offre/puce1.gif) 0 2px no-repeat;}
#descOffre li.puce2 { background:url(images/offre/puce2.gif) 0 2px no-repeat;}
#descOffre li.puce3 { background:url(images/offre/puce3.gif) 0 2px no-repeat;}
#descOffre li.puce4 { background:url(images/offre/puce4.gif) 0 2px no-repeat;}
#descOffre li.puce5 { background:url(images/offre/puce5.gif) 0 2px no-repeat;}
#descOffre li.puce6 { background:url(images/offre/puce6.gif) 0 2px no-repeat;}
/* #box { position:absolute ; top:220px ;height: 270px ; width: 969px; margin:15px; 	overflow: auto;}*/
/*#descOffre a {float:left}*/
#descOffre .bloc1, #descOffre .bloc2, #descOffre .bloc3, #descOffre .bloc4, #descOffre .bloc5, #descOffre .bloc6 {width: 938px; }
#descOffre .bloc1 { background:url(images/offre/ancre1.gif) no-repeat;}
#descOffre .bloc2 { background:url(images/offre/ancre2.gif) no-repeat; }
#descOffre .bloc3 { background:url(images/offre/ancre3.gif) no-repeat; }
#descOffre .bloc4 { background:url(images/offre/ancre4.gif) no-repeat; }
#descOffre .bloc5 { background:url(images/offre/ancre5.gif) no-repeat; }
#descOffre .bloc6 { background:url(images/offre/ancre6.gif) no-repeat; }
#descOffre h2 { font-size:15px; color:#328925}
#descOffre .coul {color:#2eb2cd; font-weight:bold}
#descOffre .picto {float:left; padding:30px 0 0 0}
#descOffre .txt  { font-size:13px; width:630px  ; float:left ; margin:32px 0 0 20px ;}
#descOffre .visuel { float:right ; border:1px solid #006882 ; margin:32px 0px 0 0}




a.abonnerOffre { position:absolute; width:218px; height:140px; display:block; font-size:1px; background: url(images/tarifs/bt_abonner.gif); right:20px; top: 

88px; }
a.abonnerOffre:hover {background-position: 0 140px; }







/* ::::::::::::::::::: */
/*        TARIFS       */
/* ::::::::::::::::::: */


.infosVisuels {padding:0 0 0 30px }
/* modif 9 janvier */
.postIt { position:absolute; top:160px; right:30px }
/* fin modif 9 janvier */
a.imprimezDescriptif { position:absolute; width:217px; height:43px; display:block; background: url(images/tarifs/imprimezDescriptif.gif); right:20px; 

top:18px; border:0 }
a.imprimezDescriptif:hover {background-position: 0 -43px; }
.abonner {height:45px ; width:221px; border:1px solid }
a.abonner { position:absolute; width:218px; height:140px; display:block; font-size:1px; background: url(images/tarifs/bt_abonner.gif); right:18px; top: 

312px; border:0}
a.abonner:hover {background-position:0 140px; }

/* etape intro */
.onglets { position:absolute; left:30px; top:20px; width:516px; }
.infoAbonnement {position:absolute ; top:20px ; right:30px;}
#intro { margin:100px 0 0 30px  }
#intro h1 { position:absolute ;top:80px ; left:30px; font-size:18px;}
#intro h2 {font-size:16px; padding-bottom:10px;}
#intro .blocTxt { position: absolute ; top:150px ; left:60px;}
#intro li.etape1, #intro li.etape2, #intro li.etape3{ padding:5px 0 25px 105px ; font-size:14px;}
#intro li.etape1{ background:url(images/tarifs/etape1.gif) no-repeat;}
#intro li.etape2{ background:url(images/tarifs/etape2.gif) no-repeat;}
#intro li.etape3{ background:url(images/tarifs/etape3.gif) no-repeat;}
#intro a.imprimez {position:absolute ; right:30px; top:310px ;display:block ; width:240px ; height:43px; background:url(images/tarifs/imprimezEtapes.gif) 

no-repeat }
#intro a.imprimez:hover {display:block ; width:240px ; height:43px; background-position:0 -43px }
#intro .aide { width:240px; position:absolute; right:30px; top:90px }
#intro .aide .txt {border-left:1px solid #2eb2cd/*666699*/ ; border-right:1px solid #2eb2cd/**/ ;text-align:center; font-size:11px; padding:5px}
#intro .footer {width:925px ;height:23px ; position:absolute; bottom:5px;}
#intro .footer .fleche {floot:left ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:680px ;}


#intro .footer .suivante { position:absolute ; right:0; bottom:0 ; display:block ; width: 240px; height: 23px; margin:0; padding:0 ; border:0; 

background:url(images/tarifs/bt_suivanteGr.gif) no-repeat top left ; text-indent: 3000px; cursor: pointer; }
#intro .footer .suivante:hover { background-position: 0 -23px; }


/* modif 9 janvier */
#intro .internet {position:absolute; top: 123px;}
#intro .courrier {position:absolute; top: 345px}
#intro .courrierTxt {display:block; margin:10px 0 0 12px;}
#intro .puce {color:#f29400}
/* fin modif 9 janvier */

/*
#intro .footer a.suivante {float:right; display:block ;background:url(images/tarifs/bt_suivanteGr.gif) no-repeat ; width:240px ; height:23px; border:0 ;}
#intro .footer a.suivante:hover {background-position: 0 -23px ;}
*/

/* tarifs */

#tarifs .ou {	position:absolute;	left: 598px;	top: 44px;}
#tarifs .infoAbonnement { position:absolute; top:30px; right:20px; }

#tarifs .bloc1 {	background:url(images/tarifs/bloc1.gif) no-repeat;	width:590px;	height:360px;	margin-left:5px;	margin-top:10px;	

font-size:10px;	position:absolute;	left: 2px;}
#tarifs .bloc1 h2 {color:#fff; font-size:13px; margin-left:40px; margin-top:10px}
#tarifs .bloc1 h3 {color:#226882; font-size:14px; margin-left:40px; margin-top:10px; margin:0 ; padding:0}
#tarifs .bloc1 ul.plus {font-weight:bold; margin-left:20px; line-height:16px; margin-bottom:10px}
#tarifs .bloc1 ul.plus li {background:url(images/tarifs/plus.gif) 3px 4px no-repeat ; padding-left:15px;  }
#tarifs .bloc1 ul span { font-weight:normal}
#tarifs .bloc1 .options {margin-left:25px;background:url(images/tarifs/blocOptions.gif); width:545px; height:86px; padding:30px 0 0 10px}

#tarifs .bloc1 .options ul {width:535px}
#tarifs .bloc1 .options ul li {position:relative; list-style-type:disc; margin-left:15px}
#tarifs .bloc1 .options ul li span {position:absolute; right:0 ;}

#tarifs .bloc2 { position:absolute;	background:url(images/tarifs/bloc2.gif) no-repeat;	width:266px;	height:85px;	left: 646px;	top: 121px;	

padding-left:40px;}
#tarifs .bloc2 h2 {color:#fff; font-size:13px;margin-top:12px}

#tarifs .bloc3 {	position:absolute;	background:url(images/tarifs/bloc3.gif) no-repeat;	width:304px;	height:123px;	left: 645px;	

top:262px;	padding:0 10px;	font-weight:bold}
#tarifs .bloc3 h2 {color:#fff; font-size:12px; margin-top:3px}
#tarifs .bloc3 span { font-weight:normal}
#tarifs .bloc3 ul { font-size:10px; margin-top:5px; width:305px ;}
#tarifs .bloc3 ul li {position:relative; list-style-type:disc; margin-left:15px}
#tarifs .bloc3 ul li .prix, #tarifs .bloc3 ul li .prixOption {position:absolute; right:0 ; font-size:12px; font-weight:bold}
#tarifs .bloc3 ul li .prixOption {top:-2px}

#tarifs .plusVertic {	position:absolute;	left: 792px;	top: 206px;}
#tarifs .plusHoriz {	position:absolute;	left: 597px;	top: 264px;}

#tarifs .prix1 {	position:absolute;	left: 478px;	top: -5px;}
#tarifs .prix2 {	position:absolute;	left: 232px;	top: 0px;}
#tarifs .prix3 {	position:absolute;	left: 245px;	top: -15px;}

#tarifs .mentions { font-size:9px; position:absolute ; bottom:35px;left:20px ;width:600px ;}

#tarifs a.imprimezDescriptif {	position:absolute;	width:170px;	height:29px;	display:block;	background: 

url(images/tarifs/bt-imprimezDescriptif.gif);	right:399px;	top:346px;	border:0}
#tarifs a.imprimezDescriptif:hover {background-position: 0 -29px; }

#tarifs .footer {width:940px ; height:48px ; position:absolute; bottom:5px; left:30px }
#tarifs .footer .fleche {float:left; background: url(images/tarifs/fleche.gif) 0 bottom repeat-x ; height:48px ; width:700px;}
#tarifs .footer a.validez {float:right; display:block ;background:url(images/tarifs/bt_souhaitAbonner.gif) no-repeat ; width:221px ; height:48px; border:0 ; 

}
#tarifs .footer a.validez:hover {background-position: 0 -48px;}



/* etape 1 */
#etape1 { padding:55px 0 0 30px}
#etape1 h1 {padding-bottom:15px;}
#etape1 .colLeft { position:absolute; top: 105px; left:30px; width:440px; height: 286px; border-right:1px solid #006882; padding-right:10px; }
#etape1 .colRight { position:absolute; top: 105px; right:30px; width:450px; height: 286px; }
#etape1 .colRight .txtPlus {font-size:14px}
#etape1 .footer {width:925px ;height:23px ; position:absolute; bottom:5px;}
#etape1 .footer .fleche {floot:left ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:620px ;}
#etape1 .footer a.suivante {float:right; display:block ;background:url(images/tarifs/bt_suivante.gif) no-repeat ; width:148px ; height:23px; border:0 ;}
#etape1 .footer a.suivante:hover {background-position:0 -23px ;}
#etape1 .footer a.precedent {float:right; display:block ;background:url(images/tarifs/bt_precedent.gif) no-repeat ; width:148px ; height:23px; border:0 ; 

padding-right:5px}
#etape1 .footer a.precedent:hover {background-position: 0 -23px ;}

#etape1 .mentions { font-size:10px; position:absolute; left: 29px; top: 373px; width: 451px; height: 35px; }
#etape1 .check {background:url(images/tarifs/fondCheck.gif) no-repeat; width:926px ; height:50px}


/* etape 2 */
#etape2 { padding:55px 0 0 30px  }
#etape2 h1 {padding-bottom:15px;}
#etape2 .check {background:url(images/tarifs/fondCheck.gif); width:926px; height:50px }
#etape2 .check a, #etape2 .check a:visited, #etape2 .check a:active {text-decoration:underline; color:#fff}
#etape2 .check a:hover {text-decoration:none}
#etape2 .visuel {margin:0 0 15px 0;}
#etape2 .check input { position: absolute;	margin:10px 20px 0 20px!important; margin:6px 20px 0 20px;}
#etape2 .check label {display:block; padding:8px 0 0 45px; color:#fff;}
#etape2 .footer {width:925px ;height:23px ; position:absolute; bottom:5px;}
#etape2 .footer .fleche {float:left ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:620px ;}
#etape2 .footer a.suivante {float:right; display:block ;background:url(images/tarifs/bt_suivante.gif) no-repeat ; width:148px ; height:23px; border:0 ;}
#etape2 .footer a.suivante:hover {background-position: 0 -23px ;}
#etape2 .footer a.precedent {float:right; display:block ;background:url(images/tarifs/bt_precedent.gif) no-repeat ; width:148px ; height:23px; border:0 ; 

padding-right:5px}
#etape2 .footer a.precedent:hover {background-position: 0 -23px ;}

/* modif 9 janvier */
#etape2 .tabConditions  {background:url(images/tarifs/conditionsTarifaireMilieu.gif) repeat-y}
#etape2 .tabMilieu {width:880px ; padding:0 20px;}
#etape2 .accroche {font-size:16px ; font-weight:bold}
#etape2 .prix1 { position:absolute; width:136px; height:70px; left: 815px; top: 164px; }
#etape2 .prix2 { position:absolute; width:142px; height:75px; left: 827px; top: 279px; }
#etape2 .plus {padding:10px 0}
#etape2 .txt {font-size:14px}
#etape2 .mentions {display:block; font-size:10px; margin-top:10px;}
/* fin modif 9 janvier */

/* etape 3 */
#etape3 { padding:55px 0 0 30px}
#etape3 .colLeft { position:absolute; top: 105px; left:30px; width:440px; height: 286px; border-right:1px solid #006882; padding-right:10px; }
#etape3 .colRight { position:absolute; top: 105px; right:30px; width:450px; height: 286px; }
#etape3 .colLeft li {list-style-type:disc ; margin:5px 0 2px 15px; color:#f29400}
#etape3 .colLeft li .color {color:#006882}
#etape3 .colRight li.puce1, .colRight li.puce2{ padding:5px 0 15px 35px}
#etape3 .colRight li.puce1{ background:url(images/tarifs/puce1.gif) no-repeat;}
#etape3 .colRight li.puce2{ background:url(images/tarifs/puce2.gif) no-repeat;}
#etape3 .footer {width:925px ;height:23px ; position:absolute; bottom:5px;}
#etape3 .footer .fleche {position:absolute; left:445px ; background: url(images/tarifs/fleche.gif) repeat-x ; height:23px ; width:138px ;}
#etape3 .footer a.validez {float:right; display:block ;background:url(images/tarifs/bt_validez.gif) no-repeat ; width:188px ; height:23px; border:0 ; }
#etape3 .footer a.validez:hover {background-position: 0 -23px;}
#etape3 .footer a.precedent {float:right; display:block ;background:url(images/tarifs/bt_precedent.gif) no-repeat ; width:146px ; height:23px; border:0 ; 

padding-right:5px; }
#etape3 .footer a.precedent:hover {background-position: 0 -23px ;}


/* etape fin */
#etape4 {padding:0 0 0 30px}
#etape4Suite {width:950px}
#etape4 .txtFelicitations {width:685px;}
/*#etape4 .infos { background:url(images/tarifs/fondIdentifiant.gif) no-repeat; width:705px ; height:65px; padding:15px 0 5px 10px; margin:10px auto 20px 

auto; font-size:12px}*/
#etape4 .infos {  height:82px; font-size:12px ;margin:0 0 20px 100px; width:auto;}
#etape4 .infos .fondG, #etape4 .infos .fondD { float:left ;width:19px ; height:82px}
#etape4 .infos .milieu {float:left ; border-top:1px solid #006882; border-bottom:1px solid #006882 ; height:65px ; padding:15px 0 0 0}
#etape4 input {border:1px solid #006882}
#etape4 .infosGrTxt { font-weight:bold ; }
#etape4 .infosTxt {font-size:10px;}
#etape4 a.cliquezAttente {display:block ;background:url(images/tarifs/cliquezAttente.gif) no-repeat ; width:314px ; height:64px; margin:20px auto;}
#etape4 a.cliquezAttente:hover {display:block ;background-position: 0 -64px ; width:314px ; height:64px}
#etape4 label {display:block ; float:left ; padding:14px 15px 0 40px}
a.imprimezPage { position:absolute ; top:70px ;right:30px ;display:block ;background:url(images/tarifs/imprimezPage.gif) no-repeat ; width:199px ; 

height:43px; margin:30px auto;}
a.imprimezPage:hover {display:block ;background-position: 0 -43px ; width:199px ; height:43px}


/* ::::::::::::::::::: */
/* FIN RUBRIQUE TARIFS */
/* ::::::::::::::::::: */


/* charte */
#charte {padding:0 15px 0 15px}
#charte h2 {color:#328925}
#charte .titre { font-size:18px; font-weight:bold ; font-style:italic}
#charte .sTitre, .date { font-size:14px; font-weight:bold ; font-style:italic}
#charte a, #charte a:link, #charte a:visited, #charte a:active {color:#006882}
#charte a:hover {text-decoration:none}
#charte a.imprimez  { position:absolute ; top:70px ;right:50px ;display:block ;background:url(images/charte/telechargez.gif) no-repeat ; width:199px ; 

height:43px; margin:30px auto;}
#charte a.imprimez:hover {display:block ;background-position: 0 -43px ;}

/* infos editeurs */
#infos { padding:15px 0 0 30px  }
#infos h2 { font-size:13px; color:#328925 ;margin:15px 0 0 0 }

#infos .txt  {width: 920px; font-size:12px; }


/* ABONNER */
#abonner { padding:15px 0 0 30px  }
#abonner h2 {color:#006882}
#abonner .aide { width:240px; position:absolute; right:30px; top:90px }
#abonner .aide .txt {border-left:1px solid #2eb2cd/*666699*/ ; border-right:1px solid #2eb2cd/**/ ;text-align:center; font-size:11px; padding:5px}
#abonner li {list-style-type:disc ; margin:5px 0 2px 15px; color:#f29400}
#abonner li .color {color:#006882}
#abonner a.acces { position:absolute; display:block; top:200px ; left:230px; background:url(images/abonne/accesInterface.gif) ; width:315px ; height:96px}
#abonner a.acces:hover { background-position: 0 -96px}

#presse { padding:15px 0 0 30px  }
#presse h2 {color:#006882}
#presse li {list-style-type:disc ; margin:5px 0 2px 15px; color:#f29400}
#presse li .color {color:#328925}
#presse a.pdf {color:#006882;background:url(images/iconepdf.gif); background-repeat:no-repeat; background-position:left;
	padding-right:80px; padding-left:60px;padding-top:20px; padding-bottom:20px; line-height:40px; }

/*Bloc presse 2*/
#presse {}
#presse .blocPresse h2 {text-align:center; text-decoration:none; font-size:18px; margin-top:20px; }
.blocPresse ul {margin-left:20px}


/* FAQ */
#faq { padding:15px 0 0 30px  }
#faq h2 { font-size:13px; color:#328925 ;margin:25px 0 10px 0 }

#faq .txt  {width: 920px; font-size:12px; }
#faq .rep {margin:5px 20px 15px 10px;  padding:10px ; background:#fff}

/* T?moignages */
#temoignages{ padding:15px 0 0 30px  }
#temoignages h1 {font-size:x-large;font-weight:bold; }
#temoignages h2 { font-size:large; }
#temoignages h3 { font-size:large;color:#328925;margin:25px 25px 10px 0; font-style:italic;}
#temoignages p { margin-bottom:8px; font-size:14px;}
#temoignages p strong { font-size:x-large; font-weight:bold;font-family:Times New Roman, Serif; line-height:14px;}
#temoignages h3 strong, #temoignages h3 em { font-size:32px; font-weight:bold; line-height:15px; font-style:italic;}
#temoignages h3 strong {font-family:Times New Roman, Serif; font-size:44px;}
#temoignages h4 {margin:40px auto;text-align:center;width:500px;border:1px solid #328925;font-size:large; padding:20px;} 
#temoignages h4 a {text-decoration:none;}
#temoignages h4 a:hover {text-decoration:underline;}
#temoignages .txt  {width: 920px; font-size:12px; }
#temoignages .question { font-weight:bold; font-size:14px;text-align:right; margin-right:50px;}
#temoignages p.qa { font-weight:bold; color:#328925;}
#temoignages .rep {margin:15px 20px 18px 30px;  padding:15px 15px 10px 10px; background:#fff;width:850px;text-align:justify;}
#temoignages img.portrait {float:left;margin:5px 15px 0 0;padding:8px;border:1px solid #CCCCCC;}
#temoignages img.screenshot {float:right;margin:5px 0 0 15px;padding:8px;border:1px solid #CCCCCC;}

/* FORMULAIRE */

#contentForm {position:relative ; background: url(images/containerHaut.gif) no-repeat #DBEFF3/*efeff5*/ ; height:444px; padding-top:15px}

#etape1Form {width:510px; float:left; margin-left:30px;}

#etape2Form { margin-left:540px;width:430px; }

#contentForm h1 { font-size:24px;  margin:0 auto; text-align:center; margin-bottom:10px;}
h1.contentForm { font-size:24px;  margin:0 auto; text-align:center; margin-bottom:10px;}
#contentForm h1 span {  display:block;font-size:10px ; font-style:italic; text-align:right}

#etape1Form h2 { font-size:18px; background:url(images/formulaire/1_rect.gif) no-repeat; margin-left:0px; padding-top:5px; padding-left:44px; 

padding-bottom:6px;}
#etape1Form h2 span { font-size:11px; font-style:italic}
#etape2Form h3 { font-size:18px; background:url(images/formulaire/2_rect.gif) 20px 0 no-repeat; margin-left:10px; padding-top:5px; padding-left:64px; 

padding-bottom:20px;}
#etape2Form h3 span { font-size:11px; font-style:italic}

#contentForm  p {	margin-bottom: 2px;}

#etape2Form label {	color: #006882;	font-size: 13px; float:left;	width:140px;	text-align:right;	margin-right:8px;	

margin-top:8px;font-weight:bold;}

#etape2Form label.villeTxt { width:50px;}

#etape2Form  label span { font-size:10px;}





#etape2Form .champ, .adresseSuite, .cp, .ville, .tel, .textFormCreate {	font-size: 18px; width: 250px;	padding:3px;	margin:2px 8px 0 0;	border: 1px 

solid #e5e5e5;	background: #fbfbfb; color:#333333;/*color:#006882;*/}

#etape2Form .checkBox {	margin-top:10px;float:left;}

#etape2Form .adresseSuite {	margin-left:148px!important;	margin-left:151px;}

#etape2Form .cp {width: 60px;margin-left:0!important;margin-left:3px;float:left}

#etape2Form .ville {width: 118px!important;width: 114px;  }

#etape2Form .tel {	width: 120px; margin-left:0 !important; margin-left:3px ;float:left;}

#etape2Form .email span {display:block;margin-left:0 !important; margin-left:3px ;}

#etape2Form .ortho { width:95px; height:27px;margin:8px 0 0 5px !important; margin:9px 0 0 5px; text-align:left; line-height:12px;}


#contentForm  a.button, a.buttonForm{
	margin-left:180px;
	margin-top:30px;
	margin-bottom:10px;
	background:url(images/formulaire/btValider.gif) no-repeat;
	width:197px;
	height:46px;
	/*text-indent:-5000px;*/
	display:block;
}

.formInscription a.button 
{
    margin-left:180px;
	margin-top:30px;
	margin-bottom:10px;
	width:210px;
	background:url(images/formulaire/offre.png) no-repeat 0 1px;
	height:45px;
	display:block;
}

#contentForm  a.button:hover{
	background-position:0 -46px
}

#partenaires {font-size:10px;color:#999999;line-height:20px;}
#partenaires a {color:#666666;}

.hyperLink {color:#56C8DC;font-size:16px; text-align:center;}

/*Formulaire inscription*/
.formInscription {}
.formInscription p {margin-bottom:5px}
.formInscription label {display:inline-block;font-weight:bold;margin-right:20px;text-align:right;width:70px}
.formInscription .adresseSuite {margin-left:95px}
.formInscription .villeTxt {margin-right:0px;width:40px}
.formInscription .tel {margin-left:5px}
.formInscription .email {text-align:left;margin-left:5px}
.formInscription label span {font-weight:normal}

/*Callback*/
/*image*/#header a #img-callback {margin:0 0 10px 85px;cursor:pointer}
/*Popup*/
#lightBoxCallBack {left:312px;position:absolute;color:#1B325F; top:100px; background:url("images/callback-bg.jpg") no-repeat scroll left top #FDFDFC; 

border:2px solid #1D9EBB;width:300px;height:370px;padding:20px 30px;display:none}
#closeLightBox {text-align:right; cursor:pointer;/*background:transparent url("images/btnclose.gif") no-repeat scroll top 

right;*/position:absolute;right:8px;top:8px; width:45px; height:15px}
#titreLightBox {font-size:15pt;font-weight:bold; color:#3A89C9; margin:15px 0; border-bottom:solid 0px #01A8B6; text-align:center}
#prefixTel {font-size:16px}
#contentLightBox {text-align:center}
#contentLightBox input[type=text] {background:transparent url("images/fondChamp.png") no-repeat top left; border:none; height:25px;padding:2px 5px 

3px;font-size:16px;margin-right:30px;width:95px}
#contentLightBox input[type=button] {background:#098900; color:White; font-weight:bold;padding:7px; border:0px; margin:20px 0 0 0; 

font-family:Verdana;cursor:pointer}
#contentLightBox input[type=button]:hover {background:#0EB300}
#mentionCallback {font-size:xx-small; color:#333; float:right;position:absolute; bottom:20px; text-align:right;}
#bodyCache {display:block;z-index:1;opacity:0.1;background-color:black;position:absolute; top: 0; left: 0; float:left;min-height:1600px;height:auto}
#CallDone {margin-top:20px}
#linkCloseLightBox {text-decoration:underline}


/*Imprimerie*/
#imprimerie {padding-top:40px}
#imprimerie p {font-size:18px; font-weight:bold; text-align:center;margin-top:30px}
#imprimerie #blocImprimerieItems {margin:20px auto;width:60%;}
#imprimerie .blocImprimerieItem {float:left;background:/*#3A89C9*/transparent url(images/imprimerie/imprimerieItemG.png) no-repeat 

center;text-decoration:none;height:21px;color:white;font-weight:bold; text-align:center;width:40%;margin:2%;padding:3%;font-size:13pt;cursor:pointer}
#imprimerie .blocImprimerieItem:hover {background-image:url(images/imprimerie/imprimerieItemG-hover.png)}
#imprimerie .blocImprimerieItem a {color:White;text-decoration:none;}
#imprimerie .blocImprimerieItem a:hover {text-decoration:none;}
#imprimerie .blocImprimerieItem a:visited {text-decoration:none;color:White}
#blocImprimerieItems a {text-decoration:none!important}

/*Cartes de rendez-vous*/
#carteRdv {text-align:center}
#carteRdv p {font-size:16px; font-weight:bold; text-align:center;margin-top:8px}
#carteRdv p.sc {font-size:18px;margin:15px 0}
#carteRdvItems {padding-left:50px}

/*Flyers*/
#flyers {text-align:center}
#flyers p {font-size:16px; font-weight:bold; text-align:center;margin-top:8px}
#flyers p.sc {font-size:18px;margin:15px 0}
#FlyersItems {padding-left:190px}

/*Affichettes*/
#affichettes {text-align:center}
#affichettes p {font-size:16px; font-weight:bold; text-align:center;margin-top:8px}
#affichettes p.sc {font-size:18px;margin:15px 0}
#AffichettesItems {padding-left:70px}

/*Pochettes*/
#pochettes {text-align:center}
#pochettes p {font-size:16px; font-weight:bold; text-align:center;margin-top:8px}
#pochettes p.sc {font-size:18px;margin:15px 0}
#PochettesItems {padding-left:70px; margin-top:10px}

.jcarousel-skin-tango img {opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;}
.jcarousel-skin-tango img:hover {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1}

.imprimerieOutils {margin:0px auto 16px; auto}
.imprimerieOutils a, .imprimerieOutils span.selected {display:inline-block;background:transparent url(images/imprimerie/imprimerieItemG.png) no-repeat 

center;text-decoration:none!important;height:41px;width:272px;color:white!important;font-weight:bold; 

padding-top:17px;text-align:center;font-size:13pt;cursor:pointer;margin:0 5px 10px}
.imprimerieOutils a:hover {background-image:url(images/imprimerie/imprimerieItemG-hover.png)}
.imprimerieOutils span.selected  {cursor:default;background-image:url(images/imprimerie/imprimerieItemG-hover.png)}

/*titre des lightbox*/
#lightbox-image-details #lightbox-image-details-caption {font-size:20px!important}

/*Temoins2*/
#TemoinsItems {padding-left:7px}
#content #TemoinsItems a {margin:0; border:none; text-decoration:none; width:290px;}
.temoinsLegende {display:block; width:180px; height:29px;background:transparent url(images/temoins/legende.png) no-repeat center;margin:10px 0 0 55px; 

padding:13px 0 0 ; font-weight:bold; font-size:14px; color:#FFF; border:none; text-align:center}
#content #TemoinsItems .jcarousel-skin-tango img {opacity:0.90;filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.9;}
#content #TemoinsItems .jcarousel-skin-tango img:hover {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;}
.nobg {background:none!important}

#banniere {background:transparent url(images/header_bg_top.png) no-repeat top left; height:96px; padding-top:3px}

/*Code Jeu*/
h2.codeJeu {margin-bottom:2px}
.codeJeu {position:relative;margin-left:110px;margin-bottom:0}
.codeJeu .textFormCreate {width:95px;padding-top:1px}
em.codeJeu {font-size:12px;margin-left:112px}
.codeJeu span{height:20px; width:120px; background:white;display:inline-block; margin-bottom:0px;padding:5px;position:absolute;top:-5px;left:150px}

/*Telephone header*/
#header #img-header-telephone {position:absolute;right:10px;top:10px}

/*Texte à gauche du flash en page d'accueil*/
#slide_home .texte-intro {float:left; padding:10px 30px 10px 10px;height:260px/*230px*/; width:180px; max-width:180px; background:#EFFBFD}
#slide_home .texte-intro p {font-size:15px; text-align:left; line-height:18px; height:auto}
#slide_home .texte-intro p span.webdentiste {color:#ECB613; font-size:15px; font-weight:bold}
#slide_home .modeles-webdentiste {float:left;}

/*Temoignage*/
/*.vertGlossy {font-weight:bold; text-align:center; font-size:25px; padding:5px; background:transparent url(images/faire-mon-site.png) no-repeat center; margin:0 auto; width:310px; height:98px;}
a.vertGlossy {color:#FFF; display:block; text-decoration:none}*/

.vertGlossy { height: 97px;  line-height: 100px;  margin: -15px 50px 20px 0; padding-top: 5px; width: 310px; background: url(images/faire-mon-site.png) no-repeat scroll 0 0 transparent;
    float: right; font-size: 23px; font-weight: bold; font-weight: bold; padding: 5px; text-align: center;
} 
.vertGlossy:hover { background-position:0 -106px!important}
a.vertGlossy { color: #005E5E; display: block; text-decoration: none; }

#footer {clear:both}

#presse a.link {font-weight:bold; font-size:14px;color:#555}
#presse a.link:hover { color:#B78E15; text-decoration:underline}

#content a.buttonFormOffre {background: transparent url(Images/formulaire/offre.gif) 0 0 no-repeat;width:210px}
#content a.buttonFormOffre:hover, #content a.buttonFormBoucle:hover {background-position:0 -46px}
#content a.buttonFormBoucle {background: transparent url(/Images/formulaire/btValiderBoucle.gif) no-repeat 0 0; width:210px} 

/*Tarifs*/
#content #tarifs .cartouche {margin-top:7px;font-size:24px; color:#FFAA18; background:#2364A9; font-weight:bold; padding:5px 5px 5px 15px}
#content #tarifs .plus.left {width:420px;float:left;margin:15px 0px 20px 70px}
#content #tarifs .plus.right {width:420px;float:left;margin:15px 0px 20px 20px}
#content #tarifs img.offre {margin-bottom:20px}
#content #tarifs .conditions {color:#666;font-size:x-small;margin:0 20px 0 20px;float:right}
#content #tarifs .CreezVotreSite {color:#FFF; background:#339933; font-weight:bold; font-size:16px; padding:5px 16px; text-decoration:none; line-height:20px; float:right}
#content #tarifs .CreezVotreSite:hover { background:#3FBE3F}

/*NL*/
div.inscription-newsletter {background:#F1C22F; padding:7px 7px 7px 10px;margin-top:7px;width:173px}
div.inscription-newsletter span.titre {margin-bottom:3px;font-weight:bold;font-size:11px;display:inline-block; margin-bottom:5px; line-height:18px  }
div.inscription-newsletter .TextBoxNL {font-size:10px;padding:2px}
div.inscription-newsletter .ButtonNL {font-size:11px;}

/*Header adjustments*/
.picto_wcb {position:absolute;top:10px;left:330px;}
h1.master {margin:-16px 0 0 28px;font-size:12px;width:350px;clear:none;}

/*Boucles pédago */
.GrosBoutonAction {color:#FFF!important; background:#339933; font-weight:bold; font-size:24px; padding:25px 16px; text-decoration:none;}
.GrosBoutonAction:hover { background:#3FBE3F}

.Invalid {color:Red!important;font-weight:bold;display:inline-block}
.txtMilieuEt2.Invalid {font-weight:normal}



/*Collections vidéos*/
.BouclesVideos .VignetteVideosWrap {width:300px; padding:10px 7px 7px 7px;float:left;}
.BouclesVideos ul.VignetteVideos {text-align:center}
.BouclesVideos ul.VignetteVideos#videos-bloc-implantologie {padding-left:10px}
.BouclesVideos ul.VignetteVideos#videos-bloc-omnipratique {width:465px;float:left;margin:10px 10px}
.BouclesVideos ul.VignetteVideos#videos-bloc-ortho {width:465px;float:left;margin:10px 10px}
.BouclesVideos ul.VignetteVideos h2 {margin:0;text-align:left;font-size:18px}
.BouclesVideos ul.VignetteVideos li {float:left; display:inline-block;width:135px;margin:15px 10px 0 0;}
.BouclesVideos ul.VignetteVideos li.titreItem {display:block;float:none;clear:left;width:auto;margin-top:7px;}
.BouclesVideos ul.VignetteVideos li a {opacity:0.9; text-decoration:none}
.BouclesVideos ul.VignetteVideos li a:hover {opacity:1}
.BouclesVideos .VideoContainer {float:left; width:650px;height:380px;overflow:hidden;margin-top:5px}
.BouclesVideos .VideoContainer h2 {margin:15px 0 0 0}
#titreCurrentVideo {margin-bottom:0px; font-size:14px;color:#E2B018}




.clearLeft {clear:left;}