/*Formattage général */
body {margin:0px;padding:0px;background:url('/skins/default/pics/headerMiddle.png') 0 0 repeat-x;padding-top:152px;font-family:Verdana;font-size:12px;}
div {margin:0px;padding:0px;}
img {border:none;}
h1 {display:block;width:100%;text-align:center;font-weight:bold;color:#9b0606;margin:0px;position:absolute;top:125px;font-size:25px;}
.content {margin-left:20px;margin-right:20px;}

/*La classe .submitMoyen permet de remplacer les boutons par des personnalisés*/
.submitMoyen,.submitMoyenOff {background:url('/skins/default/pics/boutonMoyen.png') no-repeat 0 0; width:104px; height:29px; padding:0px;margin:0px;border:none;color:#FFCCCC;font-weight:bold;padding-bottom:2px;display:block;text-align:center;text-decoration:none;}
.submitMoyen:hover {background-position: 0 -29px;color:white;cursor:pointer;}
.submitMoyenOff {background-position: 0 -58px;color:white;}

/*Constitution de l'en-tête de la page*/
#headerLeft {background:url('/skins/default/pics/headerLeft.png') 0 0 no-repeat; width:253px;height:100px;position:absolute; top:0px; left:0px;}
#headerRight {background:url('/skins/default/pics/headerRight.png') 0 0 no-repeat; width:21px;height:135px;position:absolute; top:0px; right:0px;}
/*Pour recevoir les bandeaux de pub en 468*60*/
#pubTop {;width:468px; height:60px;position:absolute;top:5px;right:26px;border:solid 2px #660000;border-top:none;border-left:none;}
/*Le petit bandeau de connexion d'utilisateur */
#userBox {position:absolute;top:68px;left:250px;font-size:11px;height:30px;}
#userBoxText {float:left;font-weight:bold;color:#f4ecd8;}
#logonName,#logonPass {background:#9b0606;font-size:11px;height:13px;width:80px;border:none;border-bottom:solid 1px #f4ecd8;color:#f4ecd8;}
#logonButton {display:block;width:30px;height:30px;background:url('/skins/default/pics/longonButton.png') 0 0 no-repeat;border:none;padding:0px;margin:0px;float:left;margin-left:5px;}
#sosButton {display:block;width:30px;height:30px;background:url('/skins/default/pics/sosButton.png') 0 0 no-repeat;border:none;padding:0px;margin:0px;margin-left:5px;float:left;}
#autoLogon {background:#9b0606;color:#f4ecd8;}
/*Affichage du nom d'utilisateur lorsque connecté */
#userName {position:absolute;top:68px;left:250px;font-size:11px;height:30px;}
#logoffButton {display:block;width:30px;height:30px;background:url('/skins/default/pics/longoffButton.png') 0 0 no-repeat;border:none;padding:0px;margin:0px;float:left;margin-left:5px;}
/*Les deux lignes suivantes gèrent l'affichage et le placement de la selection de la langue */
#langBox {background:#9b0606;border:solid 1px #d50808;color:#f4ecd8;font-weight:bold;float:right;}
#langForm {position:absolute;right:0px;top:70px;width:200px;}
#changeLangOK{float:right;}
/*Constitution du pied de page */
#footer {background:#333333;width:100%;height:80px;margin-top:10px;position:relative;clear:both;}
#footerLeft {background:url('/skins/default/pics/footerLeft.png') 0 0 no-repeat;width:20px;height:80px;position:absolute;top:0px;left:0px;}
#footerRight {background:url('/skins/default/pics/footerRight.png') 0 0 no-repeat;width:16px;height:80px;position:absolute;top:0px;right:0px;}
#footerMiddle {position:absolute;top:2px;left:20px;padding-right:16px;padding-bottom:10px;font-size:9px;color:#666666;}
#quickLinks {display:-moz-inline-box;display:inline-block;padding:2px;border:solid 1px #000000;color:#f4ecd8;font-size:10px;}
#quickLinks a, #quickLinks a:visited, #quickLinks a:hover {display:-moz-inline-box;display:inline-block;color:#f4ecd8;font-weight:bold;text-decoration:none;border:solid 1px #333333;padding:0px;margin:0px;margin-left:10px;}
#quickLinks a:hover {border-color:#f4ecd8;}
#smallfooter {background:#333333;width:100%;height:20px;margin-top:10px;}
#partners {padding:6px;text-align:center;font-size:9px;font-weight:bold;color:#333333;}
#partners a,#partners a:visited {font-size:9px;text-decoration:none;font-weight:bold;color:#333333;}

/*Les deux lignes suivantes gèrent l'affichage des erreurs*/
#errorLeft {float:left; width:190px;height:200px; background:url('/skins/default/pics/erreur.png') 0 0 no-repeat;margin-left:20px;margin-right:20px;display:block;}
#errorLeave {clear:both;text-align:center;}
#errorLeave a,errorLeave a:visited {color:#9b0606;text-decoration:none;font-weight:bold;border:none;}
#errorLeave a:hover {border:solid 1px #9b0606;}

/*La section suivante personnalise les écrans de confirmation */
#confirmLeft {display:-moz-inline-box;display:inline-block;width:199px;height:200px; background:url('/skins/default/pics/confirm.png') 0 0 no-repeat;margin-left:20px;margin-right:20px;display:block;float:left;margin-bottom:10px;}
#confirmYes {display:-moz-inline-box;display:inline-block;background:url('/skins/default/pics/confirmYes.png') 0 0 no-repeat;width:64px;height:64px;position:absolute;left:0px;}
#confirmNo {display:-moz-inline-box;display:inline-block;background:url('/skins/default/pics/confirmNo.png') 0 0 no-repeat;width:64px;height:64px;position:absolute;right:0px;}
#confirmAnswers{display:block;width:250px;height:64px;margin:auto;margin-top:30px;position:relative;}
#confirm {margin-left:20%;margin-right:20%;padding:20px;background-color:#666666;color:#f4ecd8;font-weight:bold;font-size:15px;text-align:center;height:60px;position:relative;}
a.confirmYes {display:block;padding:4px;border:solid 2px #00FF66;color:#00FF66; background:#336666;text-decoration:none;width:30px;position:absolute;top:50px;left:40%;}
a.confirmNo {display:block;padding:4px;border:solid 2px #FF0033;color:#FF0066; background:#660000;text-decoration:none;width:30px;position:absolute;top:50px;right:40%;}

/*La classe Captcha gère l'affichage du petit cadre anti-spam*/
.captcha {border:solid 2px #333333;background:#cccccc;border-top:none;border-left:none;padding:4px;width:370px;}
.captchaTitle {float:left;padding-right:2px;font-weight:bold;color:#333333;}

/*La classe "done" gère un affichage des actions effectuées ou des erreurs les empèchant (rouge gras)*/
.done {width:100%;text-align:center;font-weight:bold;color:red;}

/*Les classes "Info" affichent le badge "INFO!" à gauche du contenu du site pour les messages simples*/
.leftInfo {display:-moz-inline-box;display:inline-block;position:absolute;left:20px;top:120px;width:198px;height:187px;margin:5px;background:url('/skins/default/pics/info.png') 0 0 no-repeat;}
.rightInfo {margin-left:244px;margin-right:25%;position:relative;padding:5px;position:relative;margin-bottom:5px;font-weight:bold;}
.rightInfoSub {width:100%;height:170px;}

/*La classe explain affiche le petit texte explicatif sur l'action en cours*/
.explain {display:-moz-inline-box;display:inline-block;width:180px;padding:15px;background-color:#666666;color:#f4ecd8;font-size:10px;border:solid 2px #333333;float:left;margin-left:10px;margin-bottom:10px;}

/*La classe pageSetup gère l'affichage des contenus de page de saisie à droite*/
div.pageSetup {margin-left:244px;margin-right:15%;margin-top:0px;position:relative;padding:5px;padding-top:17px;border:solid 2px #666666; border-bottom:none;border-right:none;position:relative;margin-bottom:5px;}
.pageSetupTitle {font-weight:bold;position:absolute;top:0px;left:0px;background:#666666;width:100%;color:#f4ecd8;}
input.pageSetup {width:250px;}

/*La classe subExplain gère l'affichage de l'importance d'une email valide sur le site*/
.subExplain {margin-left:10%;margin-right:10%;padding:10px;color:#666666;font-size:10px;}

/*le classe "descritpion" masque le premier paragraphe de description du site*/
#description {display:none;}

/*La classe "partnerAdd" gère le format de l'affichage de "Votre site web ici" en bas des pages */
a.partnerAdd, a.partnerAdd:visited {border:solid 1px transparent;}
a.partnerAdd:hover {border:solid 1px #cccccc;}

/*Gestion du menu*/
.menuTop {position:absolute;top:101px;left:0px;height:15px;width:620px;background:url('/skins/default/pics/menuHeadLine.png') 0 0 repeat-x;}
.menuTitle {width:55px;height:15px;background:url('/skins/default/pics/menuHead.png') 0 0 no-repeat;}
#webSite_menu,#myInfosMenu_menu,#myInfosMenu_menu:visited,#myInfosMenu_menu:hover,#linksMenu_menu,#forumLink_menu {display:block;height:15px;overflow:hidden;position:absolute;top:0px;}
#webSite_menu {left:55px;}
#myInfosMenu_menu,#myInfosMenu_menu:visited,#myInfosMenu_menu:hover {left:175px;}
#linksMenu_menu {left:295px;}
#forumLink_menu {left:415px;}
#webSite_menu:hover,#myInfosMenu_menu:hover,#linksMenu_menu:hover,#forumLink_menu:hover {height:auto;}
.subMenuTitle {display:block;width:110px;font-size:10px;text-decoration:none;overflow:hidden;color:#f4ecd8;height:15px;text-align:center;}

a.subMenu,a.subMenu:visited,a.subMenu:hover {display:block;width:200px;font-size:10px;text-decoration:none;overflow:hidden;color:#f4ecd8;height:15px;background:#333333;}
.subMenuTitle {background:#666666;}
a.subMenu,a.subMenu:visited,a.subMenu:hover {padding-left:5px;width:195px;}
a.subMenuTitle:hover,a.subMenu:hover{color:#000000;background:#f4ecd8;}