@charset "utf-8";
body {padding: 10px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 12px;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#conteneur {}
#conteneur #cadre {border-style: none solid;border-color: -moz-use-text-color #b2b2b2;border-width: 0 1px;width: 980px;float: left;}
#conteneur #cadre .conteneur {margin: 0 auto;width: 940px;}
#conteneur #cadre #entete {border-bottom: 1px solid #9c9d9f;height: 127px;}
#conteneur #pied #MenuPiedDePage {border-top: 1px solid #9c9d9f;padding: 6px 0 0;width: 100%;height: 24px;}

A { color:#009ee0; text-decoration:none;}
A:hover { text-decoration:underline;}

h2 {color: #4b4a4d;}
h2 a {color: #ffffff;text-decoration: none;display: block;width: 176px;height: 30px;}

h4 {margin: 20px 0;padding: 2px 0 0 10px;background: #009ee0 url(../images/bg_h4.gif) no-repeat scroll 0%;color: #ffffff;height: 17px;position:relative;}
h4 span {margin: -2px 0 0;background: transparent url(../images/bg_h4_right.gif) no-repeat scroll right top;float: right;height: 19px;position:absolute;right:0px;}
h4.orange {margin: 20px 0;padding: 2px 0 0 10px;background: #ff7a00 url(../images/bg_h4_orange.gif) no-repeat scroll 0%;color: #ffffff;height: 17px;position:relative;}
h4.orange span {margin: -2px 0 0;background: transparent url(../images/bg_h4_orange_right.gif) no-repeat scroll right top;float: right;height: 19px;position:absolute;right:0px;}
h4.green {margin: 20px 0;padding: 2px 0 0 10px;background: #96c51e url(../images/bg_h4_green.gif) no-repeat scroll 0%;color: #ffffff;height: 17px;position:relative;}
h4.green span {margin: -2px 0 0;background: transparent url(../images/bg_h4_green_right.gif) no-repeat scroll right top;float: right;height: 19px;position:absolute;right:0px;}
h4.pink {margin: 20px 0;padding: 2px 0 0 10px;background: #fc4568 url(../images/bg_h4_pink.gif) no-repeat scroll 0%;color: #ffffff;height: 17px;position:relative;}
h4.pink span {margin: -2px 0 0;background: transparent url(../images/bg_h4_pink_right.gif) no-repeat scroll right top;float: right;height: 19px;position:absolute;right:0px;}

.column_contact1-2 {display:block; float:left; width:340px; height:80px; overflow:hidden; text-align:left;}
.photo_id {display:inline-block; width:70px; height:60px; float:left; }
.text_id {display:inline-block; width:200px; height:60px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }

hr {border:  none;margin: 0;padding: 0;height: 1px;color: #bababc;background-color: #bababc;clear: both;font-size: 1px;}
.clearer {clear: both;}
.strong { font-weight:bold; }
.left {float: left;}
.right {float: right;}
.gray{ color:#7f7f7f;}
.graydark{ color:#333;}
.blue { color:#009ee0; }
.orange { color:#ff7a00; }
.green { color:#96c51e; }
.pink { color:#fc4568; }
.nostyle { text-decoration:none;}
.small {font-size:0.9em;}
.column1-4 {display: inline-block; float:left; width:160px; height:50px;}
.column1-4last {display: inline-block; float:right; width:160px; height:50px;}
.marginright10px {margin : 0 12px 0 0;}
.relative {position:relative;}
.column1-2 {display: inline-block; float:left; width:340px; height:295px; overflow:hidden; text-align:center;}
#contenu #right_col .column1-2 H3 { font-family:Arial, Helvetica, sans-serif; font-size:32px;line-height: 30px;font-size-adjust: none;font-stretch: normal;text-transform: uppercase; clear:both; margin: 20px 0 16px 4px; display:block; height:auto; width:322px; }
#contenu #right_col .column1-2 H3.orange { color:#ff7a00;}
#contenu #right_col .column1-2 H3.blanc { color:#FFFFFF;}
#contenu #right_col .column1-2 P { margin: 5px 12px 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; }
#contenu #right_col .column1-2 P.orange { color:#ff7a00;}
#contenu #right_col .column1-2 P.blanc { color:#FFFFFF;}
#contenu #right_col .column1-2 P.chiffre { font-family:Arial, Helvetica, sans-serif; font-size:40px;}
#contenu #right_col .column1-2 P.chiffre1 { margin: 8px 0px 8px 0px;font-family:Arial, Helvetica, sans-serif; font-size:40px;}
#contenu #right_col .column1-2 P.chiffre2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height: 28px;}
.bg_lancement { background: #FFF url(../images/bg_lancement.jpg) no-repeat top left; }
.bg_bonplan { background: #FFF url(../images/bg_bonplan.jpg) no-repeat top left; }
.bg_parrainage { background: #FFF url(../images/bg_parrainage.jpg) no-repeat top left; }
.bg_volume { background: #FFF url(../images/bg_volume.jpg) no-repeat top left; }



#recherche_resultat .resultats .picto_geographie { float:left; height:40px; width:40px; margin: -18px 0 0 0; padding: 0; background: url(../images/icon_geographie.gif) no-repeat left top;}
#recherche_resultat .resultats .picto_perception { float:left; height:40px; width:40px; margin: -18px 0 0 0; padding: 0; background: url(../images/icon_perception.gif) no-repeat left top;}
#recherche_resultat .resultats .picto_sujet { float:left; height:40px; width:40px; margin: -18px 0 0 0; padding: 0; background: url(../images/icon_sujet.gif) no-repeat left top;}

#recherche_resultat .resultats p span.motcle_geographie { text-transform:uppercase; color:#96c51e; }
span.motcle_geographie {color:#96c51e; }

#recherche_resultat .resultats p span.motcle_perception { text-transform:uppercase; color:#15cce3; }
span.motcle_perception {color:#15cce3; }

#recherche_resultat .resultats p span.motcle_sujet { text-transform:uppercase; color:#fc4568; }
span.motcle_sujet {color:#fc4568; }

#recherche_motcle { float:right;background: #009ee0;margin-top:-4px 0 0 0; padding:0px; }
#recherche_motcle select, #recherche_motcle input {font-size:0.9em;height: 18px;width:130px;border:solid 1px #CCC;margin:0;padding:0px;vertical-align:top;}
#recherche_motcle input#search {height: 20px;width:64px;color: #FFF;background: #009ee0; border: none;cursor:pointer;font-size:10px;margin:0;}

.article {background: #FFF none repeat scroll 0%;}
.panier_visuel { float:left; width:180px;min-height:90px; border-right:solid 1px #c6c5c6;  }
.panier_descriptif { float:left; width:310px;margin : 0 0 0 20px;}
.panier_actions { float:right; width:160px;min-height:90px;border-left:solid 1px #c6c5c6; text-align:right; }
label {display:block;}
select, input {font-size:0.9em;}
input#submitform {height: 22px;width:160px;color: #FFF;background: #a7a9ac;font-weight: bold;border: solid 1px #a7a9ac;
position:absolute; bottom:16px;
cursor:pointer;}

#conteneur .arrondis_haut {width: 982px;height: 20px;background-image: url(../images/bg_cadre_top_center.gif);float: left;font-size: 1px;}
#conteneur .arrondis_haut div {height: 20px;width: 20px;float: left;}
#conteneur .arrondis_bas {width: 982px;height: 20px;background-image: url(../images/bg_cadre_bottom_center.gif);float: left;}
#conteneur .arrondis_bas div {height: 20px;width: 20px;float: left;}

#entete h1 {width: 400px;display: block;float: left;padding-left: 34px;}
#entete .trait {border-right: 1px solid #9c9d9f;margin: 21px 0 0;height: 68px;width: 1px;float: left;}
#entete #bloc_recherche {margin: 0 26px 0 0;float: right;width: 410px;}
#entete #version {float: right;width: 400px;margin: 0 10px 0 0;position: relative;height: 34px;}
#entete #version a.fleche {height: 13px;width: 10px;background-image: url(../images/puce_fleche_langue.gif);display: block;float: right;}
#entete #version a.fleche:hover {background-position: 10px 0;}
#entete #version #sous_menu1 li a {margin: 0 0 0 10px;text-align: left;line-height: 0.85em;color: #009ee0;background-image: none;float: inherit;}
#entete #version #sous_menu1 li a:hover {text-decoration: none;}
#entete #version .drapeau {height: 13px;width: 19px;background-image: url(../images/icon_flag.gif);display: block;float: right;}
#entete #version ul.logID {float: right;}
#entete #version ul.logID li {border-right: 1px solid #cccccc;padding: 0 12px;display: inline;font-family: Arial,Helvetica,sans-serif;font-style: normalfont-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #666666;}
#entete #version ul.logID li a {color: #7f7f7f;text-decoration: none;}
#entete #version ul.logID li a:hover {color: #009ee0;}
#entete #sous_menu1 {border: 1px solid #cccccc;position: absolute;top: 19px;width: 150px;height: 45px;left: 250px;background-image: url(../images/bg_png_90.png);}
#entete #sous_menu1 li {margin: 0;padding: 0 0 0 10px;clear: both;list-style-type: none;text-align: left;}
#entete #sous_menu1 li a {}
#entete #recherche {margin: 0 10px 0 0;height: 80px;float: right;width: 400px;}
#entete #recherche div.title {padding: 8px 0 0;background: #009ee0 url(../images/bg_bloc_recherche_droite.png) no-repeat scroll right top;height: 32px;float: left;width: 123px;color: #ffffff;line-height: 12px;text-align: center;}
#entete #recherche #chercheDoc {float: right;height: 65px;width: 378px;}
#entete #recherche #chercheDoc img {width: 4px;height: 40px;float: left;}
#entete #recherche #chercheDoc .zone_recherche {border:  none;padding: 0;background: transparent url(../images/bg_bloc_recherche_center.png) repeat-x scroll left top;height: 40px;display: block;float: left;width: 212px;}
#entete #recherche #chercheDoc .zone_recherche #recherchePrinc {border:  none;margin: 10px 0 0 6px;width: 200px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 1em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #666666;display: block;}
#entete #recherche #chercheDoc #lancerRecherchePrinc {height: 40px;width: 38px;display: block;float: left;}
#entete #recherche #chercheDoc label {color: #666666;}
#entete #recherche p span {padding: 0 6px 0 8px;margin:-4px 0 0 0;color: #666666;text-decoration: none;font-size: 0.9em;white-space:nowrap}
#entete #recherche p { height: 23px;padding: 2px 0 0 0;text-align: right;}
#entete #recherche p a {background: transparent url(../images/icon_recherche_plus.png) no-repeat scroll right 1px;width: 13px;height: 13px;text-decoration: none;}
#entete #recherche p a:hover {background: transparent url(../images/icon_recherche_plus.png) no-repeat scroll right -14px;}
#entete #recherche div.aide {padding-top:20px;padding-bottom:5px;float:right;margin-right:-2px;text-decoration: none;}
div.aide a{color: #666666;text-decoration: none;font-size: 0.9em;padding: 2px 25px 2px 0;background: transparent url(../images/puce_savoir_plus.png) no-repeat scroll right top;}
div.aide a:hover {color: #009ee0;background-position: right -17px;}

#entete #recherche label {display:inline;padding-left:4px}

#entete #recherche p a:hover span {color: #009ee0;}

#entete #recherche p span.troncature {text-align: left;padding-right:130px;}

#menu {border-top: 1px solid #bababc;border-bottom: 1px solid #bababc;margin: 18px 16px 0;width: 908px;height: 30px;float: left;}
#menu ul {float: right;height: 30px;}
#menu li {border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin: 8px 0 0;padding: 0 12px;display: block;float: left;height: 15px;}
#menu ul.panier {float: right;}
#menu ul.panier li {padding: 0 0 0 12px;}
#menu ul.panier li a {margin: 0 4px 0 0;}

.home {border:  none;margin: 5px 0 0;padding: 0;width: 30px;float: left;}
#menu a {color: #7f7f7f;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;text-decoration: none;}
#menu a:hover {color: #009ee0;}

#menu ul.newsletter {float: left;}
#menu ul.newsletter li {border: 0px; padding: 0 0 0 12px;}
#menu ul.newsletter li a {color: #009ee0;margin: 0 4px 0 0;font-weight: bold;}
#menu ul.newsletter li a:hover {color: #7f7f7f;}

#form2 {margin: 7px 0 0;color: #7f7f7f;float: right;}
#form2 #login, #form2 #password {border: 1px solid #d0d1d2;margin: 0 12px 0 0;padding: 0;height: 15px;}
#form2 #password {margin: 0;}
#form2 #ok {margin: 1px 12px 0 0;padding: 0;height: 15px;width: 15px;vertical-align: text-bottom;}
#form2 label, #form2 input {margin: 0;height: 15px;display: block;float: left;}
#form2 input {font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.8em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #999999;width: 130px;}
#form2 label {border-left: 1px solid #cccccc;padding: 0 5px 0 12px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;font-size-adjust: none;font-stretch: normal;color: #7f7f7f;height: 16px;line-height: 18px;}

#left-nav {margin: 40px 0 0 15px;width: 210px;float: left;}

#left-nav ul.btns {float: left;margin-right: 0px;}
#left-nav ul.btns li {margin: 0 0 6px;text-align: left;float: left;}

#left-nav ul.btns .btsignin {background: transparent url(../images/bg_leftcol_pasloge.gif) no-repeat scroll left top;clear: both;height:49px;margin:0 0 6px 0;text-transform: uppercase;font-size: 13px;font-weight: bold;letter-spacing: -0.1em;padding:8px 0 0 0 ;}
body:first-of-type #left-nav ul.btns .btsignin {letter-spacing: -0.03em;}
#left-nav ul.btns .btsignin span { text-transform: lowercase; line-height:10px; }

#left-nav ul.btns .btn0 {background: transparent url(../images/bg_leftcol_gris.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .btn1 {background: transparent url(../images/bg_leftcol_rose.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .btn2 {background: transparent url(../images/bg_leftcol_orange.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .btn3 {background: transparent url(../images/bg_leftcol_vert.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .btn4 {background: transparent url(../images/bg_leftcol_turquoise.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .btn5 {background: transparent url(../images/bg_leftcol_bleu2.gif) no-repeat scroll left top;clear: both;}
#left-nav ul.btns .arrow { background:url(../images/puce_fleche_recherche_colon.png) 6px -8px no-repeat; padding-left: 17px;  height: 15px;}
#left-nav ul.btns .arrow_active { background:url(../images/puce_fleche_recherche_colon.png) 6px -20px no-repeat; padding-left: 17px; height: 15px; }
#left-nav ul.btns li a {color: #ffffff;text-decoration: none;font-weight:bold;height: 19px;width: 180px;line-height: 19px;background-repeat: no-repeat;padding-left: 15px;display: block;}
#left-nav ul.btns li a:hover {}
#left-nav ul.btns li.btn1 a:hover, #left-nav ul.btns li.btn2 a:hover, #left-nav ul.btns li.btn3 a:hover, #left-nav ul.btns li.btn4 a:hover, #left-nav ul.btns li.btn5 a:hover {opacity: 0.8;}
#left-nav ul.sous_menu {margin: 5px 0 10px;padding: 0;clear: both;width: 200px;float: left;}
#left-nav ul.sous_menu li {margin: 0;padding: 0;}
#left-nav ul.sous_menu li a {padding: 0 0 0 10px;background: transparent url(../images/puce_liste_sousmenu.gif) no-repeat scroll left top;color: #333333;display: block;height: 16px;line-height: 16px;float: left;width: 184px;}
#left-nav ul.sous_menu li a:hover {background: transparent url(../images/puce_liste_sousmenu.gif) no-repeat scroll left -16px;color: #009ee0;}
#left-nav ul.sous_menu_niv2 {margin: 0 0 0 10px;}
#left-nav ul.sous_menu_niv2 li {width: 184px;float: left;}
#left-nav ul.sous_menu_niv2 li a {padding: 0 0 0 10px;background: transparent url(../images/puce_liste_sousmenu_niv2.gif) no-repeat scroll left top;color: #7d7c7b;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;font-size-adjust: none;font-stretch: normal;display: block;height: 13px;line-height: 13px;float: left;width: 174px;}
#left-nav ul.sous_menu_niv2 li a:hover {background: transparent url(../images/puce_liste_sousmenu_niv2.gif) no-repeat scroll left -16px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;opacity: 1;}
#left-nav ul.sous_menu_niv2 ul.miniatures {margin: 5px 0 5px -5px;width: 100%;float: left;}
#left-nav ul.sous_menu_niv2 ul.miniatures li {margin: 0 0 6px 5px;width: 87px;height: 48px;float: left;}
#left-nav ul.sous_menu_niv2 ul.miniatures li a {padding: 0;background: transparent none repeat scroll 0%;width: 87px;height: 48px;display: block;float: left;}
#left-nav ul.sous_menu_niv2 ul.miniatures li a:hover {opacity: 1;}

#left-nav ul.creation li a {padding: 0 0 0 10px;color: #333333;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;}
#left-nav ul.creation li a:hover {color: #009ee0;}

ul.miniatures li a {padding: 0;width: 87px;height: 48px;display: block;float: left;background-image: none;position: relative;background-color: #f2f2f2;}
ul.miniatures li a:hover span {visibility: visible;}
ul.miniatures li a span {border: 3px solid #009ee0;margin: 0;padding: 0;position: absolute;top: 0px;left: 0px;width: 81px;height: 42px;visibility: hidden;}
ul.miniatures li span {padding: 3px 0 0;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.8em;font-size-adjust: none;font-stretch: normal;height: 23px;display: block;line-height: 0.8em;color: #5e5c5f;text-align: left;float: left;}
#left-nav .teaser {float: right;width: 194px;height: 142px;margin-right: 16px;}

#left-nav .atelier, #left-nav .recherche_motscles, #left-nav .offres, #left-nav .collections {margin: 10px 0 0;}
#left-nav h2 {text-transform: uppercase;font-size: 13px;font-weight: bold;letter-spacing: -0.1em;}
body:first-of-type #left-nav h2 {letter-spacing: -0.03em;}
#left-nav p {font-size: 0.9em;color: #4c4c4c;}
#left-nav p.intro {text-align: left;width: 194px;height: 115px;}
#left-nav span a {margin: 5px 11px 0 0;padding: 0 25px 0 0;background: transparent url(../images/puce_savoir_plus.png) no-repeat scroll right top;text-align: right;height: 17px;display: block;float: right;color: #7a7a7c;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;font-size-adjust: none;font-stretch: normal;line-height: 17px;text-decoration: none;}
#left-nav span a:hover {color: #009ee0;background-position: right -17px;}
#left-nav span.link a {margin: 5px 11px 0 0;padding: 0;background: transparent none repeat scroll 0%;text-align: right;height: 17px;display: block;float: right;color: #4c4c4c;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 1em;font-size-adjust: none;font-stretch: normal;line-height: 17px;text-decoration: underline;}
#left-nav span.link a:hover {color: #009ee0;}
#left-nav .atelier {width: 209px;background-image: url(../images/bg_atelier.jpg);background-position: left bottom;background-repeat: repeat-x;height: 146px;float: right;margin-left: -15px;margin-right: 16px;}
#left-nav .atelier h2 {background: #009ee0 url(../images/bg_atelier_h2.gif) no-repeat scroll left top;height: 31px;color: #ffffff;width: 179px;float: right;line-height: 31px;text-align: left;padding-left: 15px;}
#left-nav .atelier p {float: right;width: 105px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #009ee0;}
#left-nav .atelier ul {float: right;width: 105px;}
#left-nav .atelier li {list-style-type: disc;color: #009ee0;margin-left: 16px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#left-nav .atelier a {color: #009ee0;text-decoration:none;}
#left-nav .atelier span a {font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 10px;font-size-adjust: none;font-stretch: normal;line-height: 17px;}
#left-nav .recherche_motscles {background: transparent url(../images/bg_leftmenu_h2_mots.gif) repeat scroll 0%;height: 49px;position: relative;z-index: 100;float: right;width: 194px;margin-right: 16px;}
#left-nav .recherche_motscles h2 {padding: 16px 0 0 15px;height: 42px;color: #ffffff;width: 142px;display: block;float: left;}
#left-nav .recherche_motscles span a {margin: 15px 11px 0 0;}
#left-nav .recherche_motscles #sous_menu2 {border: 1px solid #cccccc;padding: 2px 15px 5px;height: 40px;width: 140px;position: absolute;top: 0px;left: 194px;background-image: url(../images/bg_png_90.png);}
#left-nav .recherche_motscles li {margin: 0 0 0 10px;line-height: 0.85em;list-style-type: disc;color: #009ee0;}
#left-nav .recherche_motscles li a {font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #009ee0;}
#left-nav .recherche_motscles li a:hover {text-decoration: none;}
#left-nav .offres, #left-nav .section {margin: 0 16px 0 0;float: right;}
#left-nav .offres h2, #left-nav .section h2 {margin: 10px 0 0;background: transparent url(../images/bg_leftmenu_h2.gif) no-repeat scroll left top;height: 30px;color: #ffffff;width: 179px;float: left;line-height: 30px;text-align: left;padding-left: 15px;}

#contenu {margin: 40px 16px 0 0;float: right;width: 680px;}
#contenu h1 {margin: 0 0 9px;padding: 0;color: #4b4a4d;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1.2em;line-height: normal;font-size-adjust: none;font-stretch: normal;text-transform: uppercase;height: 22px;}
#contenu h2 {margin: 0 0 9px;padding: 0;color: #4b4a4d;text-transform: uppercase;height: 18px;}
#contenu h3 {margin: 0 0 9px;padding: 0;color: #4b4a4d;text-transform: uppercase;height: 16px;}
#contenu p {margin: 0 0 10px;padding: 0;font-size: 0.9em;color: #4c4c4c;}

#contenu #right_col {margin: 0;}
#contenu #right_col .liens {margin: 14px 0 0;text-align: center;}
#contenu #right_col .liens li {margin: 0 7px;width: 160px;height: 80px;float: left;}
#contenu #right_col .liens li:hover a span {visibility: hidden;}
#contenu #right_col .liens a {color: #ffffff;text-decoration: none;display: block;min-height: 40px;width: 160px;height: 55px;padding-top: 30px;}
#contenu #right_col .liens a span {line-height: 1.2em;font-weight: bold;}
#contenu #right_col .liens li.lien1 {background: transparent url(../images/diapositive1out.jpg) repeat scroll 0%;width: 160px;height: 80px;display: block;margin-left: 1px;}
#contenu #right_col .liens li.lien1:hover {background-image: url(../images/diapositive1over.jpg);}
#contenu #right_col .liens li.lien1 a {}
#contenu #right_col .liens li.lien2 {background: transparent url(../images/diapositive2out.jpg) repeat scroll 0%;}
#contenu #right_col .liens li.lien2:hover {background-image: url(../images/diapositive2over.jpg);}
#contenu #right_col .liens li.lien2 a {}
#contenu #right_col .liens li.lien3 {background: transparent url(../images/diapositive3out.jpg) repeat scroll 0%;}
#contenu #right_col .liens li.lien3:hover {background-image: url(../images/diapositive3over.jpg);}
#contenu #right_col .liens li.lien3 a {}
#contenu #right_col .liens li.lien4 {background: transparent url(../images/diapositive4out.jpg) repeat scroll 0%;margin-right: 0px;}
#contenu #right_col .liens li.lien4:hover {background-image: url(../images/diapositive4over.jpg);}
#contenu #right_col .liens li.lien4 a {}
#contenu #right_col .liens a img {}
#contenu #right_col h3 {color: #4b4a4d;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1.2em;
line-height: normal;font-size-adjust: none;font-stretch: normal;text-transform: uppercase;height: 22px;float: left;display: block;padding-top: 3px;}

#pied li.box {border-right: 1px solid #cccccc;margin: 19px 0 0;padding: 0 18px;float: left;height: auto;width: 208px;}
#pied {width: 980px;clear: both;}
#pied h2 {margin: 0.4em 0;color: #000000;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1.1em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#pied h3 {margin: 0.3em 0;color: #000000;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 1em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#pied p {color: #87888a;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#pied #MenuPiedDePage {margin: 18px 0 0;width: 980px;}
#pied #MenuPiedDePage ul {width: 980px;text-align: center;}
#pied #MenuPiedDePage li {border-left: 1px solid #cccccc;padding: 0 9px;display: inline;height: 8px;color: #009ee0;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
#pied #MenuPiedDePage li a {text-decoration: none;color: #87888a;}
#pied #MenuPiedDePage a:hover {color: #009ee0;}
#entete #version ul.logID .nom {color: #009ee0;font-weight: bold;}

.imprimer a {background: transparent url(../images/icon_mozaique_imprimer.gif) no-repeat scroll right 2px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;font-size-adjust: none;font-stretch: normal;display: block;height: 25px;float: right;color: #7f7f7f;text-align: right;line-height: 20px;text-decoration: none;width: 80px;padding-right: 30px;}
.imprimer a:hover {color: #009ee0;}

.demo a {background: transparent url(../images/puce_demo.png) no-repeat scroll right 2px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1em;font-size-adjust: none;font-stretch: normal;display: block;height: 25px;float: right;color: #009ee0;text-align: right;line-height: 20px;text-decoration: none;width: 80px;padding-right: 22px;}
.demo a:hover {text-decoration: underline;}

.haut_page {clear: both;text-align: right;margin-top: 10px;}
.haut_page a {padding: 0 20px 0 0;background: transparent url(../images/puce_fleche_haut.gif) no-repeat scroll right center;color: #666666;text-decoration: none;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
.haut_page a:hover {color: #009ee0;}

#left-nav .recherche_guidee {width: 209px;background-image: url(../images/bg_recherche_guidee.jpg);background-position: left bottom;background-repeat: repeat-x;height: 146px;float: right;margin: 14px 16px 10px -15px;}
#left-nav .recherche_guidee h2 {background: #009ee0 url(../images/bg_atelier_h2.gif) no-repeat scroll left top;height: 31px;color: #ffffff;width: 179px;float: right;line-height: 31px;text-align: left;padding-left: 15px;}
#left-nav .recherche_guidee p {float: right;width: 105px;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: bold;font-size: 1em;line-height: normal;font-size-adjust: none;font-stretch: normal;color: #009ee0;}
#left-nav .recherche_guidee ul {width: 180px; margin:42px 0 0 24px}
#left-nav .recherche_guidee li {list-style: none; padding: 4px 0 0 40px;font-size: 13px; font-weight:800; height:28px;}
#left-nav .recherche_guidee li a { text-decoration:none; color:#3c3a3d;}
#left-nav .recherche_guidee li a:hover { text-decoration:underline;}
#left-nav .recherche_guidee li a.active { text-decoration:none; color:#cbcbcb;}
#left-nav .recherche_guidee li.icon1 { background: transparent url(../images/icon1_rechercheguidee.png) no-repeat 0 0; }
#left-nav .recherche_guidee li.icon2 { background: transparent url(../images/icon2_rechercheguidee.png) no-repeat 0 0; }
#left-nav .recherche_guidee li.icon3 { background: transparent url(../images/icon3_rechercheguidee.png) no-repeat 0 0; }
#left-nav .recherche_guidee li.icon1_active { background: transparent url(../images/icon1_rechercheguidee_off.png) no-repeat 0 0; }
#left-nav .recherche_guidee li.icon2_active { background: transparent url(../images/icon2_rechercheguidee_off.png) no-repeat 0 0; }
#left-nav .recherche_guidee li.icon3_active { background: transparent url(../images/icon3_rechercheguidee_off.png) no-repeat 0 0; }