/********************************************/
/*				Cédric Michel				*/
/*		http://www.conseil-creation.com		*/
/********************************************/

body { cursor:default; }
* { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; }

/* ************************ COULEURS ************************

vert foncé :	#669900
vert clair :	#99CC00
orange foncé :	#CC9900
orange clair :	#FFCC33
bleu foncé :	#666699
bleu clair :	#6699CC

*************************** COULEURS ********************* */


/* ************************ POSITION DES DIV ************************ */

#colonnes { border-spacing:0; }
#colonnes td { vertical-align:top; }
#colgauche { width:691px; }
#coldroite { min-width:170px; width:100%; }
#header,#centre { width:690px; }
/* #centre { width:439px; margin-left:251px; } */
#outils { left:260px; width:439px; }
#accessibilite { position:absolute; left:295px; top:2px; white-space:nowrap; color:#DDDDDD; }
#centre { padding-top:5px; }
.centre { margin:0 5px 5px 251px; border:0; padding:17px; text-align:justify; background:#FFFFFF; }
#contenu, #formulaires, #debug { }
#gauche { position:absolute; left:0px; top:117px; width:250px; padding:0; margin:0; }
#droit { }
#menu { position:absolute; top:127px; left:10px; }

/* ************************ GENERAL ************************ */

input.bouton { cursor:pointer; }
.no-print { }
.print, .nodisp, hr.separateur { display:none; }

/* ************** EN-TETE / PARCOURS / ACCESSIBILITE ************** */

#header { height:81px; background:#FFFFFF url(/fichiers/images/interface/screen/header-bg.gif) left top no-repeat; border-right:1px solid #CCCCCC; }
#header a.logo { width:250px; vertical-align:baseline; padding:30px 0 0 35px; line-height:50px; height:50px; display:block; }
#header a.logo, #header a.logo:link, #header a.logo:visited { text-decoration:none; color:#999999; background:url(/fichiers/images/interface/screen/logo-bg.gif) left top no-repeat; }
#header a.logo:hover { color:#006699; background:url(/fichiers/images/interface/screen/logo.gif) left top no-repeat; }

#parcours { font-style:italic; height:35px; line-height:35px; text-indent:5px; font-weight:bold; color:#CC9900; background:#FFCC33 url(/fichiers/images/interface/screen/parcours-bg.gif) left top repeat-x; }
#parcours a:link,#parcours a:visited { color:#CC9900; text-decoration:none; }
#parcours a:hover { color:#990000; text-decoration:none; }
 
#accessibilite a, #accessibilite a:link, #accessibilite a:visited { text-decoration:none; font-size:12px; color:#DDDDDD; }
#accessibilite a:hover { font-size:12px; color:#FFFFFF; text-decoration:underline; }


/* ************************ CONTENU ************************ */

#centre { }
#centre a, #centre a:link, #centre a:visited { color:#006699; text-decoration:underline; }
#centre a:hover { color:#AF6E5F; text-decoration:none; cursor:pointer; }
#centre h1 { clear:both; font-size:16px; color:#000000; border-bottom:3px double #000000; padding:5px; margin-top:0; margin-bottom:0; }
#centre h1 a, #contenu h1 a:link, #contenu h1 a:visited, #contenu h1 a:hover { padding-left:0; font-size:16px; color:#000000; text-decoration:none; cursor:default; }
/* #contenu h1 a:hover { padding-left:0; font-size:16px; color:#BBBBBB; text-decoration:none; cursor:pointer; } */
#centre h2 { clear:both; font-size:14px; color:#FFCC33; border-bottom:1px solid #000000; padding:5px; margin-top:15px; }
#centre h2 a, #centre h2 a:link, #centre h2 a:visited { padding-left:15px; font-size:14px; color:#FFCC33; text-decoration:none; cursor:default; background:url(/fichiers/images/interface/screen/contenu-h2.gif) left center no-repeat; }
#centre h2 a:hover { padding-left:15px; font-size:14px; color:#BBBBBB; text-decoration:none; cursor:pointer; background:url(/fichiers/images/interface/screen/contenu-h2-up.gif) left top no-repeat; }
#centre p, #centre ul, #centre ol, #centre pre { margin:10px 0 5px 0; }
#centre p.indent { text-indent:10px; }
#centre ul li, #centre ol li { margin-left:20px; }
#centre ul.espace li, #centre ol.espace li { margin-top:5px; }
#centre pre { padding:5px; border:1px solid #669900; border-left:3px; background:#EFEFEF; }


/* ************************ FORMULAIRES ************************ */

#formulaire_forums {}
#formulaire_forums .forum_sujet { width:330px; }
#formulaire_forums .forum_message { width:380px; height:100px; }

#formulaire_recherche .query, #formulaire_recherche2 .query { width:250px; }
#formulaire_recherche .query { padding-left:18px; background: #fff url(http://www.michel-blog.com/themes/default/img/q.png) no-repeat 4px center; }


/* ************************ COLONNE GAUCHE ************************ */

#gauche { }
#gauche a { margin:0; padding:0; color:#BBBBBB; text-decoration:none; cursor:default; }
#gauche a:link, #gauche a:visited { border:0; color:#006699; text-decoration:none; cursor:pointer; }
#gauche a:hover { color:#AF6E5F; text-decoration:underline; cursor:pointer; }
#gauche-contenu { padding:0 5px 5px 5px; }
#gauche input, #gauche select { margin:0 0 0 5px; }
#gauche input.marged, #gauche select.marged { margin-top:2px; }

#gauche .bloc { width:240px; background:#FFFFFF; border:1px solid #000000; margin-top:5px; }
#gauche .bloc p { padding:5px; font-weight:bold; }
#gauche ul li a { width:100%; margin:0; padding:0; display:block; color:#BBBBBB; text-decoration:none; cursor:default; }
#gauche ul li a:link, #gauche ul li a:visited { border:0; display:block; color:#000000; text-decoration:none; cursor:pointer; }

#gauche ul { list-style-type:none; padding:0; margin:5px; }
#gauche ul li { list-style-type:none; margin:0; padding:0; display:block; }

#gauche div.vert { border-color:#669900; }
#gauche div.vert p { background:#669900; color:#FFFFFF; }
#gauche div.vert a:hover { display:block; color:#99CC00; text-decoration:underline; cursor:pointer; }

#gauche div.orange { border-color:#CC9900; }
#gauche div.orange p { background:#CC9900; color:#FFFFFF; }
#gauche div.orange a:hover { display:block; color:#CC9900; text-decoration:underline; cursor:pointer; }

#gauche div.bleu { border-color:#666699; }
#gauche div.bleu p { background:#666699; color:#FFFFFF; }
#gauche div.bleu a:hover { display:block; color:#666699; text-decoration:underline; cursor:pointer; }

#gauche div.pub img { margin:2px; border:0; padding:0; }
#gauche div.pub a:link, #gauche div.pub a:visited, #gauche div.pub a:hover { margin:0; border:0; padding:0; }

#gauche div.forums .row1 { background-color:#FFFFFF; }
#gauche div.forums .row2 { background-color:#EFEFEF; }


/* ************************ COLONNE DROITE ************************ */

#coldroite { background:url(/fichiers/images/interface/screen/recherche-bg.gif) left top repeat-x; }
#droit { font-size:10px; }
#droit input.bouton { width:136px; font-weight:normal; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#droit input.marged { margin-top:2px; }
#droit .bloc { padding:5px; border-bottom:1px solid #666699; }

#recherche { height:81px; color:#FFFFFF; font-weight:bold; font-size:14px; }
#recherche label { display:none; text-align:center; }
#recherche input { border:1px solid #CCCCCC; margin:5px; }
#recherche input.query { width:90%; padding:2px; }
#recherche input.bouton { background:#FFFFFF; }

#partenaires { font-style:italic; height:35px; line-height:35px; text-indent:5px; font-weight:bold; color:#CC9900; background:url(../images/interface/screen/parcours-droit.gif) left top no-repeat; }
#partenaires a:link, #partenaires a:visited { color:#CC9900; text-decoration:none; }
#partenaires a:hover { color:#990000; text-decoration:none; }

#conseils {  }
#conseils p.titre { font-size:16px; color:#666699; font-weight:bold; }
#conseils p.conseil { border-top:1px dotted #666699; margin:2px 0 3px 0; text-align:justify; color:#666699; padding-top:5px; }

#actualites {  }
#actualites p.titre { font-size:16px; color:#669900; font-weight:bold; }
#actualites dl { border-top:1px dotted #669900; margin:2px 0 3px 0; }
#actualites dt span { color:#CCCCCC; display:block; text-align:right; }
#actualites dt a:link, #actualites dt a:visited { color:#669900; text-decoration:underline; }
#actualites dt a:hover { color:#666699; text-decoration:underline; }
#actualites dd { text-align:justify; }

#inscription { margin:0; padding:0; color:#669900; font-weight:bold; font-size:14px; background:#FFFFFF; }
#inscription a, #inscription a:link, #inscription a:visited { margin:5px; color:#669900; font-weight:bold; font-size:12px; text-decoration:none; }
#inscription a:hover { margin:5px; color:#000000; font-weight:bold; font-size:12px; text-decoration:underline; }

#membre { margin:0; padding:0; background:#669900; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center; }
#membre * { color:#FFFFFF; }
#connexion { margin:0; padding:0; }
#connexion label { display:none; text-align:center; }
#connexion input { width:130px; border:1px solid #CCCCCC; color:#000000; background:#FFFFFF; padding:2px; margin:0; }

#google { text-align:center; padding:10px 0; background:#FFFFFF; margin:0; }
#amazon { text-align:center; padding:10px 0; background:#FFFFFF; margin:0; }


/* ************************ QCM ************************ */

#qcm p.qcm-categorie { margin:0; padding:10px 0 0 0; background:url(/fichiers/images/interface/screen/qcm-categorie.gif) 5px center repeat-y; }
#qcm p.qcm-rubrique { margin:0; padding:0 0 0 10px; background:url(/fichiers/images/interface/screen/qcm-rubrique.gif) 5px center no-repeat; }
#qcm .qcm-categorie input, #qcm .qcm-rubrique input { margin:0; padding:0; cursor:pointer; }
#qcm .qcm-question { font-weight:bold; margin-bottom:5px; }
#qcm .qcm-infos { margin:0 5px 5px 10px; font-size:10px; color:#999999; }
#qcm .qcm-infos a, #qcm .qcm-infos a:link, #qcm .qcm-infos a:visited { font-size:10px; color:#999999; text-decoration:none; }
#qcm .qcm-infos a:hover { font-size:10px; color:#006699; text-decoration:underline; }
#qcm .qcm-reponses { margin-left:15px; }
#qcm .qcm-nouveau { font-weight:bold; }
#qcm .qcm-nouveau input { height:30px; cursor:pointer; vertical-align:middle; }
#qcm .qcm-reponse { margin:5px 5px 5px 20px; padding:5px; width:350px; border:1px solid #CCCCCC; border-left:3px; background:#9999FF; }
#qcm .qcm-explication { margin:5px 5px 5px 20px; padding:5px; width:350px; border:1px solid #669900; border-left:3px; text-align:justify; }
#qcm .qcm-vrai { color:#669900; line-height:21px; font-weight:bold; background:url(/fichiers/images/interface/screen/qcm-vrai.gif) top left no-repeat; text-indent:70px; }
#qcm .qcm-faux { color:#CC3300; line-height:21px; font-weight:bold; background:url(/fichiers/images/interface/screen/qcm-faux.gif) top left no-repeat; text-indent:70px; }