/* CSS Document */
body, textarea {font:0.70em Verdana, Arial, Helvetica, sans-serif ; color:#666 }
body, h1, h2, h3, h4, h5, h6, form, p{ padding:0px; margin:0px;}
ul{ list-style:none; margin:0px; padding:0px;}
a{ text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h3{ display:none;}
/** **/
ul.menu{display:none;}
.hidden{ display:none;}
.clr{ clear:both; font-size:1px; height:1px; line-height:1px;}
img {border:0}
.gr {font-weight:bold}
#container {position:relative; width:930px; margin:0 auto; padding:10px; }
/* ::::::::::::::: HEADER ::::::::::::::: */
#header{ height:70px; margin-bottom:8px ; background:url(../images/fondHeader.gif) no-repeat ; width:930px ; height:67px ; padding-left:5px}
#header li {float:left ; padding:5px 0 0 0}
#header .newsletter {position:relative ; float:right; margin:5px 12px 0 0 !important ; margin:5px 6px 0 0; background:url(../images/header/fondNewsletter.gif) no-repeat ; width:175px; height:53px}
#header .newsletter fieldset {border-top:0px solid #FFFFFF;; border-left:none; border-right:none; border-bottom:none; margin:0; padding:0px 5px;}
#header .newsletter legend {font-size:1.2em; padding:0px; padding :0px 0px 0px 0px; margin-bottom: 10px; color:#803839; font-weight:bold; display:none; }
#header .newsletter label {display:none }
#header .newsletter input {border:1px solid #a7bdca ; width:133px ; height:16px; font-size:1em ; color:#666 ; margin:28px 0 0 0;}
#header .newsletter .ok { position:absolute; right:3px ; bottom:2px ; border:0; width:27px ;height:25px}
#header .recherche {position:absolute;float:right;top:16px;left:735px;background:url(../images/header/fondRecherche.gif) no-repeat;width:194px;height:53px;}
#header .recherche fieldset {border-top:0px solid #FFFFFF;; border-left:none; border-right:none; border-bottom:none; margin:0; padding:0px 5px;}
#header .recherche legend {font-size:1.2em; padding:0px; padding :0px 0px 0px 0px; margin-bottom: 10px; color:#803839; font-weight:bold; display:none; }
#header .recherche label {display:none;}
#header .recherche input {border:1px solid #a7bdca ; width:152px ; height:14px; font-size:1em ; color:#666 ; margin:28px 0 0 0;padding:3px 0 1px 2px;}
#header .recherche input.forml {border:1px solid #a7bdca ; width:152px ; height:14px; font-size:1em ; color:#666 ; margin:28px 0 0 0;padding:3px 0 1px 2px;}
#header .recherche .ok { position:absolute; right:3px ; bottom:2px ; border:0; width:27px ;height:25px}
/* ::::::::::::::: COLONNE DE GAUCHE :::::::::::::::::::: */
#colGauche {float:left; width:190px;}
#colGauche #menu { position:relative ;width:190px; }
#colGauche #menu ul li.fond { position:relative; background:url(../images/menuMilieuSelect.gif) repeat-y ; padding-bottom:5px}
#colGauche #menu .fond a {color:#009bc8 ;}
#colGauche #menu ul .smenu a { font-size:0.8em ; width:139px; margin:3px 0 0 15px; text-decoration:none; background:url(../images/puceMenuOff.gif) 0 4px no-repeat; padding-top:3px;}
#colGauche #menu ul .smenu a:hover {background:url(../images/puceMenuOn.gif) 0 4px no-repeat ;text-decoration:none;}
#colGauche #menu .ssmenu li a {width:125px; background-position:0 -0px ; margin:3px 0 0 30px; padding:0 0 0 15px;}
#colGauche #menu .ssmenu li a:hover {background:url(../images/puceMenuOn.gif) 0 -1px no-repeat ;text-decoration:none;}
#colGauche #menu ul .smenu span {color:#009bc8 ; display:block;font-size:0.8em ; width:139px; margin:3px 0 0 15px; text-decoration:none; background:url(../images/puceMenuOn.gif) 0 4px no-repeat; padding:3px 0 0 15px;}
#colGauche #menu ul .smenu .linksIn {background:url(../images/puceMenuOn.gif) 0 4px no-repeat;}
#colGauche #pnns { position:relative; margin-top:10px; width:190px ; /*height:214px ;*/ background-color:#a55a9b}
#colGauche #pnns h4 {font-size:21px ; line-height:20px ; margin-bottom:10px}
#colGauche #pnns .titreBloc {background:url(../images/titrePnns.gif) no-repeat ; width:190px ; height:80px;}
#colGauche #pnns .contenuBloc {position: relative; background:url(../images/fondPnns.gif) repeat-y; padding:0 20px ; /*height:114px;*/}
#colGauche #pnns .clair {color:#a55a9b}
#colGauche #pnns .fonce {color:#9d4261}
#colGauche #pnns a {display:block; margin-top:8px; text-decoration:underline; color:#9d4261 ; background:url(../images/pucePnns.gif) no-repeat 0px 0px ;padding:0 0 3px 25px;}
#colGauche #pnns a:hover { text-decoration:none;}
#colGauche #pnns .basBloc { background:url(../images/bacPnns.gif) no-repeat ; width:190px ; height:21px ;}
#colGauche #pnns .visuel {position:absolute ; right:10px; bottom:15px;}
/* ::::::::::::::: MENU ::::::::::::::: */
#menu .haut {background:url(../images/titreNav.gif) no-repeat; height:77px;}
#menu .contenuBloc { font-size:1.2em; background:url(../images/menuMilieu.gif) repeat-y; /*line-height: 14px;*/font-weight:bold ; padding:0 0 23px 0;}
#menu .fondCoul {background:#e3f4fc ; width:165px ; margin:0 0 0 10px; padding-left:5px}
#menu .retrait {padding:0 25px 0 15px;}
#menu a {color:#73c8f0 ; display:block; width:149px; padding:0 0 0 15px;}
/*#menu span.trait { display:block ; background:url(../images/traitSepaVerticaleNav.gif) left 2px no-repeat; width:149px; padding:13px 0 3px 0;}*/
#menu .separation {background:url(../images/traitSepaVerticaleNav.gif) left 2px no-repeat; width:149px; padding:13px 0 3px 0; margin-left:15px}
#menu .basBloc {position:absolute ; bottom:0; background:url(../images/basNav.gif) no-repeat ; width:190px ; height:26px ;}
/* seconde nav */
#secondeNav { float:left; width:740px ;}
#secondeNav .part {width:540px; float:left;}
#secondeNav .part .haut {background:url(../images/fondSecondeNavH.gif) no-repeat; width:540px ; height:15px}
#secondeNav .part .milieu {background:url(../images/fondSecondeNavM.gif) repeat-y; width:540px ;}
#secondeNav .part .bas {background:url(../images/fondSecondeNavB.gif) no-repeat; width:540px ; height:15px;}
#secondeNav .pro {width:191px; float:right;}
#secondeNav .pro .haut {background:url(../images/fondSecondeNavPetitH.gif) no-repeat; width:191px ; height:15px;}
#secondeNav .pro .milieu {background:url(../images/fondSecondeNavPetitM.gif) repeat-y; width:191px ;}
#secondeNav .pro .bas {background:url(../images/fondSecondeNavPetitB.gif) no-repeat; width:191px ; height:15px;}
#secondeNav li {float:left ;}
#secondeNav li a {font-size:1.3em; padding:2px 12px 0 6px ;font-weight:bold ; display:block ; line-height:21px;}
#secondeNav li a.ado, #secondeNav li a.femmes, #secondeNav li a.adultes, #secondeNav li a.parents {color:#a6a61e ; background:url(../images/pointSeparationVerticale.gif) right 1px no-repeat}
#secondeNav li a.ado {color:#a6a61e ;}
#secondeNav li a.femmes {color:#e89cae ; }
#secondeNav li a.adultes {color:#89a1af;}
#secondeNav li a.parents {color:#9d4261; }
#secondeNav li a.seniors {color:#c8411e}
#secondeNav li a.professionnels {margin-left:15px ;color:#aa7869}
/* Spipazed */
#secondeNav li a.secondNav1, #secondeNav li a.secondNav2, #secondeNav li a.secondNav3, #secondeNav li a.secondNav4 {color:#a6a61e ; background:url(../images/pointSeparationVerticale.gif) right 1px no-repeat}
#secondeNav li a.secondNav1 {color:#a6a61e ;}
#secondeNav li a.secondNav2 {color:#e89cae ; }
#secondeNav li a.secondNav3 {color:#89a1af;}
#secondeNav li a.secondNav4 {color:#9d4261; }
#secondeNav li a.secondNav5 {color:#c8411e}
#secondeNav li a.professionnels {margin-left:15px ;color:#aa7869}
/* ::::::::::::::: BLOC CENTAL ::::::::::::::: */
#milieu { float:left; width:540px; padding:10px 0 0 0 ; background:url(../images/angleNav.jpg) left top no-repeat;}
#milieu .blocGr {padding:0 0 0 10px; margin-top:10px}
#milieu .blocGr .articlesLiens p {font-style: italic; text-decoration:underline; padding: 5px 0 0 0; margin:0}
#milieu .picto {position:absolute ; right:0; bottom:0;}
/*largeur bloc de texte en fonction si img ou non dans le bloc*/
#milieu .avecVisuel { margin-right:50px ; display:block}
#milieu .sansVisuel {margin-right:0}
/*largeur de la balise en fonction si img ou non dans le bloc*/
#milieu a.avecVisuel { margin-right:50px ; display:block}
/**/
#milieu .blocGr .visuelRight { float:right; margin:0 0 10px 10px;}
#milieu .blocGr .visuelLeft { float:left; margin:0 10px 10px 0;}
#milieu .blocPt, #milieu .blocPt2 {float:left; width:260px ; position:relative; padding-left:10px; margin-top:10px}
/* Romain boite manger */
#milieu .clair, #colDroite .clair {color:#e86948}
#milieu .fonce, #colDroite .fonce {color:#c8411e}
/* ::::::::::::::: COLONNE DE DROITE ::::::::::::::: */
#colDroite {float:right; padding-top:10px; width:190px;}
#colDroite .blocOutils {position:inherit ; width:190px ; background-color:#bee6f5 ; margin-bottom:10px;}
#colDroite .picto {position:absolute ; right:0; bottom:0;}
#colDroite .blocOutils .titreBloc {background:url(../images/home/titreBoiteOutils.gif) no-repeat ; width:190px ; height:80px;}
#colDroite .blocOutils .contenuBloc { background:url(../images/fondBoiteOutils.gif) repeat-y; padding:0 20px ;}
#colDroite .blocOutils .basBloc {position:relative; background:url(../images/basBoiteOutils.gif) no-repeat ; width:190px ; height:23px ;}
#colDroite .blocOutils a {display:block; margin:8px 55px 0 0; text-decoration:underline; color:#9bb4c3 ; background:url(../images/puceBoiteOutils.gif) no-repeat 0px 0px ;padding:0 0 10px 25px;}
#colDroite .blocOutils a:hover { text-decoration:none;}
/*largeur bloc de texte en fonction si img ou non dans le bloc*/
#colDroite .blocPt .avecVisuel { margin-right:50px ; display:block}
#colDroite .blocPt .sansVisuel {margin-right:0}
/*largeur de la balise en fonction si img ou non dans le bloc*/
#colDroite .blocPt a.avecVisuel { margin-right:50px ; display:block}
/* ::::::::::::::: FOOTER ::::::::::::::: */
#basPage{width:930px;margin-top:10px;}
#liensPied{text-align:center;font-size:0.9em;margin:0px auto;padding-left:80px;}
#liensPied a{ color:#666666;}
#blocVideo {background:#f6c688 ; width:421px; margin:0 auto}
#flashVideo { margin:0 auto; width:400px}
/*
Edit Adrien LOUP
21 08 2008
*/
/* default */
textarea,input,select{font-family:verdana;}
/*[header] */
#header{width:930px;height:67px;background:url(../images/fondHeader.gif) 0 0 no-repeat;margin-bottom:8px;padding-left:5px;}
#header .newsletter {right:45px;}
#header .recherche {right:75px;}
/*[liensPied] */
#liensPied ul{width:654px;margin:0 auto;height:14px ; line-height:14px}/* width relatif au contenu du footer */
#liensPied ul li{display:inline;float:left;}
#liensPied input.inputLetter{border:1px #009bc8 solid;font-size:10px;margin-left:5px ; padding:0 0 2px 2px;color:#666;}
#liensPied input.btnLetter{width:22px;padding:0 0 2px 0;*padding:2px 0 0 0;background:#009bc8;border:none;color:#fff;font-size:10px;cursor:pointer;}
#liensPied #nl {width:auto;}
#liensPied .posInput{margin-top:-1px;clear:both;}
/*[fsd] */
/*.footerForm input{float:right;}*/
/* [contact] */
form#frm1 textarea#commentaires {width:420px;font-size:11px;}
/*
Edit Adrien LOUP
02 09 2008
*/
/* [blocpnns] */
div#pnns div.picto{width:100%;text-align:right;z-index:0;position:relative;}
div#pnns div.picto img{margin-top:-30px;z-index:1;position:relative;}
/*test */
/*
#milieu{}
#colDroite{display:none;}
#basPage{display:none;}
#colGauche{display:none;}
#header{display:none;}
#secondeNav{display:none;}
*/