@charset "utf-8";
html, body { height: 100%; }
html{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow-y:scroll; overflow-x:hidden}
body { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:11px; text-align:left }
#container{ margin:0px; padding:0px; color:#575757}
#containerAccueil { width:100%; margin:0px auto 0px auto; padding:0px; color:#575757; position:absolute; z-index:5; top:0; left:0; }

ul li a img { border-left:2px solid #c05628; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:relative}
ul li a:hover img { border-left:2px solid #b44e20; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:relative}

* + html ul li a img { border-left:2px solid #c05628; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:static}
* + html ul li a:hover img { border-left:2px solid #b44e20; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:static}
* html ul li a img { border-left:2px solid #c05628; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:static}
* html ul li a:hover img { border-left:2px solid #b44e20; height:11px; width:10px; margin-right:0px; background:#FFF; margin-left:-15px; position:static}

/* BANDEAU */
#header { margin:0px; padding:0px; width:100%; background:url(../image/menu/fond_off.gif) repeat-x top; position:relative; z-index:10 }
#header a.lienHome { width:307px; height:49px; cursor:pointer; padding:0px; margin:10px 0px 0px 5px; position:absolute }
#header a.lienHome:hover { background:none }

#headerAccueil { position:absolute; z-index:10; margin:0px; padding:0px; width:100%; height:110px; background:url(../image/menu/fond_off.gif) repeat-x top }
#headerAccueil a.lienHome { width:307px; height:49px; cursor:pointer; left:0; padding:0px; margin:60px 0px 0px 10px; position:absolute }
#headerAccueil a.lienHome:hover { background:none }


/* MENU 1er NIVEAU */
#mainNavigation{ margin:0px auto 0px auto; padding:0px; width:1000px }
#headerAccueil #mainNavigation{ margin:0px auto 0px auto; padding:0px; width:1000px; position:relative; height:110px }

#mainNavigation table { margin:0px auto 0px auto; width:100% }
#mainNavigation td { vertical-align: middle }
#mainNavigation a { color:#FFF; font-size:1.4em; margin:0px; display:block; height:27px; padding:8px 5px 0px 5px; text-align:center; text-decoration:none }
#mainNavigation a:hover { color:#FFF; text-decoration:none; background:url(../image/menu/fond_on.gif) repeat-x }
#mainNavigation a.On { color:#FFF; text-decoration:none; background: url(../image/menu/fond_on.gif) repeat-x }
#mainNavigation a.Over { color:#FFF; text-decoration:none; background: url(../image/menu/fond_on.gif) repeat-x }
#mainNavigation a.On:hover { color:#FFF; text-decoration:none; background: url(../image/menu/fond_on.gif) repeat-x }

#mainNavigation ul { position:absolute; display:none; background-color:#000; margin:0px; padding:5px 0px 5px 0px; width:200px; z-index:800; border-left:solid 1px #FFF; border-bottom:solid 1px #FFF; border-right:solid 1px #FFF }
#mainNavigation ul li { list-style-type:none; margin:0px; padding:0px; text-align:left }
#mainNavigation ul li a { font-size:1em; padding:2px 0px 2px 10px; margin:0px 5px 0px 5px; display:block; background-image:url(../image/portlet/left/top_off.gif); background-position:no-repeat; background-position:0px 2px; text-align:left; height:20px }
html>body #mainNavigation ul li a { height:auto; min-height:20px }
#mainNavigation ul li a:hover { color:#b44e20; background-image:url(../image/portlet/left/top_off.gif); background-position:no-repeat; background-position:0px 2px }

#mainNavigation span { display:none }

/* ACCUEIL */
#animeAccueil { position:fixed; width:100%; height:100%; padding:0px; margin:0px }
* html #animeAccueil { position: absolute; top: expression(documentElement.scrollTop+body.scrollTop + "px"); }

/* CONTENU */
#content { padding:165px 0px 0px 60px; width:940px; margin:0px auto 0px auto; z-index:5; position:relative }
#contentAccueil { padding:90px 0px 0px 0px; margin:0px auto 0px auto; width:1000px; z-index:5; position:relative }
#contentAccueil #pannelRight { width:272px; position:absolute; padding:0px 0px 20px 0px; margin:140px 0px 0px 728px}


.contenu { width:100%}
#pannelLeft {width:184px; padding:10px 16px 20px 27px; margin:0px 0px 0px 0px; background:#FFF }
#pannelCenter {width:100%; padding:0px 0px 20px 0px; background:#FFF }
#pannelRight { width:272px; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px}
#contentprint { padding:5px 25px 10px 0px}
.hr { display:block; height:5px; clear:both; font-size:0.05em; margin-bottom:5px; background:url(../image/contenu/hr.gif) repeat-x}


/* INTRANET */
#container.intranet{ width:700px; margin:0px; padding:0px; color:#71655e}
#container.intranet #content { margin:20px 0px 0px 0px; z-index:5; position:relative }
#container.intranet .linkstxt{ margin-right:10px; }
p { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:justify}


/* FORMULAIRE */
input { border:1px solid #71655E; background:url(../image/contenu/fond_input.gif) repeat-x bottom #FFF; color:#71655E; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:16px; vertical-align:middle }
select { vertical-align:middle}
textarea { border:1px solid #71655E; font-size:1em; color:#71655E; margin-bottom:2px; background:url(../image/contenu/fond_input.gif) repeat-x bottom #FFF }
select, textarea { font-size:1em; color:#71655E; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif }
.formulaire { width:100% }
.formulaire td.libelle { padding:2px 5px 3px 0px}
* + html .formulaire td.libelle { padding:3px 5px 3px 0px}
.formulaire td.champ { padding:0px 8px 3px 0px}

strong { color:#000}

a{ outline:none; text-decoration:none; color:#c05628 }
a:hover{ outline:none; text-decoration:underline; color:#b44e20 }
a.On{ outline:none; text-decoration:underline; color:#b44e20 }
a.On:hover{ outline:none; text-decoration:underline; color:#b44e20 }

a.button { color:#FFF; background: transparent url('../image/bouton/span.gif') no-repeat; border:solid 1px #FFF; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right; margin-left:5px}
a.button span {background: transparent url('../image/bouton/span.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 0px 7px}
a.button span img { vertical-align:middle; margin-right:5px; display:none}
a.button:hover {color:#FFF; background: transparent url('../image/bouton/span_on.gif') no-repeat top right; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right}
a.button:hover span {background: transparent url('../image/bouton/span_on.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 0px 7px}
a.button:hover span img { vertical-align:middle; margin-right:5px; display:none}

a.buttonRetour { color:#FFF; background: transparent url('../image/bouton/span.gif') no-repeat; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:left; margin-left:5px}
a.buttonRetour span {background: transparent url('../image/bouton/span.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 0px 7px}
a.buttonRetour span img { vertical-align:middle; margin-right:5px; display:none}
a.buttonRetour:hover {color:#FFF; background: transparent url('../image/bouton/span_on.gif') no-repeat top right; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:left}
a.buttonRetour:hover span {background: transparent url('../image/bouton/span_on.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 0px 7px}
a.buttonRetour:hover span img { vertical-align:middle; margin-right:5px; display:none}

a.buttonOn { color:#71655E; background: transparent url('../image/bouton/span_on.gif') no-repeat; border:solid 1px #FFF; display: block; height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right}
a.buttonOn:hover {color:#71655E; text-decoration:none; float:right}
a.buttonOn span {background: transparent url('../image/bouton/span_on.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 0px 7px}
a.buttonOn span img { vertical-align:middle; margin-right:5px; display:none}

.bottomButton { background:#ebebeb; padding:5px; margin-bottom:5px}

form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
table th, tr, td { font-family:Arial,Helvetica,sans-serif; vertical-align:top; margin:0px; padding:0px; }

img { border:0 none; margin:0px; padding:0px; }
table { border-collapse:collapse; margin:0px; table-layout:auto; font-size:1em }


/* MOTEUR DE RECHERCHE */
#searchHead { position:absolute; background:#000; width:670px; padding:3px; margin:-25px 0px 0px 27px }
#searchHead input { float:right; width:125px; margin:0px 5px 0px 10px; font-size:0.9em; padding:3px 0px 0px 2px; color:#000; height:16px }
#searchHead a.button { color:#FFF; background:none; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right; position:relative; z-index:5}
#searchHead a.button span {background: transparent url('../image/bouton/span.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 2px 7px; position:relative; z-index:5}
#searchHead a.button span img { vertical-align:middle; margin-right:0px; display:none; position:relative; z-index:5}

#searchHead a.button:hover {color:#FFF; background: transparent url('../image/bouton/span_on.gif') no-repeat; display: block;  height:19px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right}
#searchHead a.button:hover span {background: transparent url('../image/bouton/span_on.gif') no-repeat; display: block; line-height: 15px; padding: 2px 7px 2px 7px}
#searchHead a.button:hover span img { vertical-align:middle; margin-right:0px; display:none; position:relative; z-index:5}

.trouve { background:#71655E; color:#FFF; padding:0px 5px 0px 5px}


/* FIL D'ARIANNE + BOITE A OUTILS */
.linkstxt {position:absolute; right:0; margin:40px 5px 0px 0px; z-index:5; text-align:left;}
.linkstxt img { margin-bottom:3px}
.linkstxt a { display:block}
.linkstxt2 {position:absolute; right:0; margin:40px 30px 0px 0px; z-index:5; text-align:left;}
.linkstxt2 img { margin-bottom:3px}
.linkstxt2 a { display:block}
.chemin { width:640px; color:#FFF; position:absolute; margin-top:-90px; margin-left:27px; z-index:300}
.chemin table { width:100% }
.chemin td {vertical-align:bottom; height:60px}
.chemin a{ color:#000; text-decoration:none }
.chemin a:hover{ color:#FFF; text-decoration:none; }
.chemin a.button { color:#FFF; border:solid 1px #000; background: transparent url('../image/bouton/a.gif') no-repeat top right; display: block;  height:21px; padding-right:1px; text-decoration:none; white-space:nowrap; float:right; margin-left:5px}

#drapeau { position:absolute; margin:-18px 0px 0px 27px; width:450px; text-align:right; z-index:5; }
#drapeau img {margin:0px 0px 0px 3px; vertical-align:middle }

/* STYLES PARAGRAPHES */
h1 { font-size:2em; color:#a4663d; font-weight:normal; margin:0px 0px 5px 0px; padding:10px 0px 0px 0px; height:110px }
h2 { font-size:1.2em; color:#a4663d; margin:0px 0px 5px 0px}
h3 { font-size:1.1em; color:#a4663d; font-weight:bold; margin:10px 0px 5px 0px }
h3 a { color:#c05628; text-decoration:none; padding:0px 2px 0px 2px}
h3 a:hover { color:#b44e20; text-decoration:none; padding:0px 2px 0px 2px}
h3 a img { width:2px; height:10px; background:#c05628; margin:0px 3px 0px 0px; vertical-align:middle}
h3 a:hover img { width:2px; height:10px; background:#b44e20; margin:0px 3px 0px 0px; vertical-align:middle}
h4 { font-size:1em; color:#a4663d; line-height:1.1em; margin:10px 0px 5px 0px; text-transform:none }
h5 { font-size:14px; color:#a4663d; font-weight:normal; line-height:14px; margin:0px; padding-bottom:5px; padding-top:10px; }
h6 { font-size:14px; color:#a4663d; font-weight:normal; font:Arial, Helvetica, sans-serif; line-height:14px;  margin:0px; padding-bottom:10px; }

.fckh2 { font-size:1.2em; color:#a4663d; margin:0px 0px 5px 0px font-weight:bold}
.fckh3 { font-size:1.1em; color:#a4663d; font-weight:bold; margin:10px 0px 5px 0px }


.paragraphe table { margin:0px 0px 10px 0px}
.paragraphe p { margin:0px 0px 15px 0px}

.paragraphe a { color:#c05628}
.paragraphe a:hover { color:#b44e20}
.paragraphe a.button { color:#FFF }

.paragraphe ul { padding:0px 0px 0px 15px; margin:0px 0px 5px 0px }
.paragraphe li { font-size:11px; padding:0px 0px 2px 0px; list-style-type:square; position:relative}

.colG50p { width:50%; padding-right:10px; text-align:justify}
.colD50p { width:50%; padding-left:10px; text-align:justify}
.legendePhoto { padding:3px; border:1px solid #666; margin:2px 0px 20px 0px; width:192px}
.legendePhoto p { margin:0px 0px 0px 0px}
.image { padding:2px; border:1px solid #666}
.outilBas { border-top:solid 1px #71655E; padding-top:2px; bottom:5px; width:405px; position:absolute }
.outilBas a:hover { color:#b44e20 }
.outilBas .cb { height:1px; line-height:1px; }
.retour { text-align:left; float:left }
.retour img{ background:url(../../image/picto/puce_retour.gif) #c05628 no-repeat; height:10px; width:10px; vertical-align:middle }
.retour a:hover img{ color:#b44e20; background:url(../../image/picto/puce_retour.gif) #b44e20 no-repeat; }
.hautPage { text-align:right; float:right }
.hautPage img{ background:url(../../image/picto/puce_haut.gif) #c05628 no-repeat; height:10px; width:10px; vertical-align:middle }
.hautPage a:hover img{ color:#b44e20; background:url(../../image/picto/puce_haut.gif) #b44e20 no-repeat; }


/* ORGANIGRAMME */
.organigramme a { color:#c05628}
.organigramme a:hover { color:#b44e20}
.organigramme a.button { color:#FFF }
.organigramme .contenu { padding:0px 20px 0px 0px; width:auto }
.organigramme .equipe { width:130px; padding:0px 0px 5px 0px }
.organigramme .membre { margin-bottom:0px; padding:5px 5px 10px 5px; background:#f6f6f6; border-bottom:#71655E solid 1px }
.organigramme .photo { margin-bottom:5px; text-align:center }
.organigramme .fonction { margin-bottom:5px }
.organigramme .email { margin-top:3px }
.organigramme .email a img { width:2px; height:9px; margin-right:3px; background:#000}


/* PAGINATION */
.paginationTop { width:100%; background:#ebebeb; margin-bottom:5px}
.paginationTop td {padding:3px; vertical-align:middle}
.paginationBottom { width:100%; background:#ebebeb; margin-top:5px}
.paginationBottom td {padding:3px; vertical-align:middle}

.pagination { min-height:17px; float:right; font-size:11px; font-weight:bold; color:#71655E; vertical-align: middle; text-align:right; margin-top:2px }
.pagination a { color:#FFF; text-decoration:none; padding:3px 5px 5px 5px; text-align:center; width:19px; height:19px; margin:0px 3px 0px 3px; font-size:11px; font-weight:bold; background:url(../image/contenu/pagination_off.gif) center top no-repeat; }
.pagination a:hover { color:#FFF; text-decoration:none; padding:3px 5px 5px 5px; text-align:center; width:19px; height:19px; margin:0px 3px 0px 3px; font-size:11px; font-weight:bold; background:url(../image/contenu/pagination_on.gif) center top no-repeat; }
.pagination a.On { color:#FFF; text-decoration:none; padding:3px 5px 5px 5px; text-align:center; width:19px; height:19px; margin:0px 3px 0px 3px; font-size:11px; font-weight:bold; background:url(../image/contenu/pagination_on.gif) center top no-repeat;  }


/* ACTUALITES */
.actualite { margin-bottom:20px }
.actualite .imageBreve { float:left; width:20%; margin:0px }
.actualite .imageBreve img { padding:2px; border:1px solid #666}
.actualite .imageBreve a img { margin:0px; height:auto; width:auto; background:#FFF }
.actualite .textBreve .typeDate { color:#999 }
.actualite .textBreve { float:right; width:79% }
.actualite .textBreve h2 { margin-bottom:2px; font-size:1.2em }
.actualite .lienBreve { background:url(../image/module/actualite/fond_lien_actu.gif) left bottom no-repeat; height:18px; margin:5px 0px 0px 0px }
.actualite .lienBreve a { display:block; padding-bottom:4px }
.actualite .lienBreve a:hover { text-decoration:none }
.actualite .lienBreve a img { height:10px; width:11px; padding:0px; margin:5px 0px 0px 0px; background:url(../image/module/actualite/lien_actu.gif) no-repeat; float:right }
.actualite .lienBreve a:hover img { height:10px; width:11px; padding:0px; margin:5px 0px 0px 0px; background:url(../image/module/actualite/lien_actu.gif) no-repeat; float:right }

.recherche .actualite .textBreve h2 { width:150px }
.recherche .actualite .textBreve h2 a { color:#000 }
.recherche .actualite .textBreve h2 a:hover { color:#71655E }


/* AGENDA */
.agenda { margin-bottom:20px }
.agenda .imageBreve { float:right; clear:right; width:72px }
.agenda .imageBreve img { padding:2px; border:1px solid #666}
.agenda .imageBreve a img { margin:0px; height:auto; width:auto; background:#FFF }
.agenda .jourMois { float:left; width:55px; margin:0px 0px 0px 0px; background:url(../image/module/agenda/fond_date.gif) no-repeat top; border-bottom:solid 1px #000 }
.agenda .jourMois .jour { width:55px; height:22px; padding:7px 0px 0px 0px; margin:0px; text-align:center; font-size:1.1em; color:#FFF; text-transform:uppercase; font-weight:bold }
.agenda .jourMois .duree { width:55px; padding:0px 0px 0px 0px; margin:0px; text-align:center; font-size:1em; color:#71655E; text-transform:lowercase }

.agenda .textBreve .typeDate { color:#999; float:left; width:255px }
.agenda .textBreve .descriptBreve { float:left; width:255px }
.agenda .textBreve { float:right; width:84% }
.agenda .textBreve h2 { margin:4px 0px 4px 0px; font-size:1.2em; float:left; width:255px }

.agenda .lienBreve { background:url(../image/module/actualite/fond_lien_actu.gif) left bottom no-repeat; height:18px; padding:5px 0px 0px 0px; clear:both }
.agenda .lienBreve a { display:block; padding-bottom:4px }
.agenda .lienBreve a:hover { text-decoration:none }
.agenda .lienBreve a img { height:10px; width:11px; padding:0px; margin:5px 0px 0px 0px; background:url(../image/module/actualite/lien_actu.gif) no-repeat; float:right }
.agenda .lienBreve a:hover  img { height:10px; width:11px; padding:0px; margin:5px 0px 0px 0px; background:url(../image/module/actualite/lien_actu.gif) no-repeat; float:right }

.recherche .agenda .textBreve h2 {margin:0px 0px 4px 0px; float:none; width:160px }
.recherche .agenda .textBreve h2 a { color:#000 }
.recherche .agenda .textBreve h2 a:hover { color:#71655E }
.recherche .agenda .textBreve .typeDate { color:#999; float:left; width:245px }
.recherche .agenda .textBreve .descriptBreve { float:left; width:245px }


/* PORTLET */

	/* SKIN ACCORDEON  */
	#accordeonLeft { padding:5px 15px 15px 15px; background:#000; width:170px; margin-top:-25px; position:relative; margin-bottom:10px}
	#pannelLeft .acc_menuLeft { margin:0px 0px 0px 0px; display:block; cursor:pointer; background: url(../image/portlet/left/top_off.gif) #000 no-repeat top left;  text-decoration:none; padding:0px 0px 0px 0px; text-indent:8px; }
	#pannelLeft .acc_menuLeft.openPortletLeft { cursor:pointer; background: url(../image/portlet/left/top_on.gif) #000 no-repeat top left;  text-decoration:none; padding:0px 0px 0px 0px; text-indent:8px; color:#71655E  }
	#pannelLeft .acc_menuLeft span{ display:block; margin:0px 0px 5px 0px; padding:0px 5px 0px 3px; font-size:1em; font-weight:normal; cursor:pointer; color:#FFF }
	#pannelLeft .acc_menuLeft span:hover { display:block; margin:0px 0px 5px 0px; padding:0px 5px 0px 3px; font-size:1em; font-weight:normal; cursor:pointer; color:#c05628  }
	* html #pannelLeft .acc_menuLeft span:hover { display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:1em; font-weight:normal; cursor:pointer; color:#c05628  }
	#pannelLeft .acc_menuLeft.openPortletLeft span{display:block; margin:0px 0px 5px 0px; padding:0px 5px 0px 3px; color:#c05628}
	* html #pannelLeft .acc_menuLeft.openPortletLeft span{display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; color:#c05628; text-indent:8px;}
	#pannelLeft .acc_list { padding:0px 10px 10px 3px; margin:0px 0px 0px 8px; background:#000; display:none}
	#pannelLeft .acc_list.openPortletLeft { display:block; padding:0px 0px 10px 3px; margin:0px 0px 0px 8px}
	* html #pannelLeft .acc_list { padding:0px 0px 0px 3px; margin:0px 0px 0px 8px; text-indent:8px;}
	* html #pannelLeft .acc_list.openPortletLeft { display:block; padding:0px 0px 0px 3px; margin:0px 0px 0px 0px; text-indent:0px;}
	#pannelLeft .acc_list ul { padding:0px; margin:0px }
	#pannelLeft .acc_list li{ font-size:11px; color:#FFF; list-style:none; padding:0px 0px 2px 0px}
	#pannelLeft .acc_menuLeft a { text-decoration:none; color:#FFF}
	#pannelLeft .acc_menuLeft a:hover { text-decoration:none; color:#ebebeb}
	#pannelLeft .acc_menuLeft.openPortletLeft a {text-decoration:none; color:#ebebeb}
	#pannelLeft .acc_menuLeft.openPortletLeft a:hover { text-decoration:none; color:#ebebeb}
	#pannelLeft .acc_list li a { text-decoration:none; color:#FFF; display:block; line-height:15px}
	#pannelLeft .acc_list li a:hover { text-decoration:none; color:#c05628; display:block; line-height:15px }
	#pannelLeft .acc_list li a.On { text-decoration:none; color:#c05628; display:block ; line-height:15px}
	#pannelLeft .acc_list li a.On:hover { text-decoration:none; color:#c05628; display:block; line-height:15px }
	#pannelLeft .acc_list ul ul{ margin:5px 0px 5px 15px }
	#pannelLeft .acc_list ul li ul li a { text-decoration:none; color:#FFF; display:block; line-height:15px; padding-left:12px; background:url(../image/portlet/left/sous_rub_off.gif) left no-repeat }
	#pannelLeft .acc_list ul li ul li a:hover { text-decoration:none; color:#c05628; display:block; line-height:15px; padding-left:12px; background:url(../image/portlet/left/sous_rub_on.gif) left no-repeat  }
	#pannelLeft .acc_list ul li ul li a.On { text-decoration:none; color:#c05628; display:block ; line-height:15px; padding-left:12px; background:url(../image/portlet/left/sous_rub_on.gif) left no-repeat }
	#pannelLeft .acc_list ul li ul li a.On:hover { text-decoration:none; color:#c05628; display:block; line-height:15px; padding-left:12px; background:url(../image/portlet/left/sous_rub_on.gif) left no-repeat }



	/* PORTLET GAUCHE */
	#pannelLeft ul { padding:0px; margin:0px }
	#pannelLeft li{ font-size:11px; color:#FFF; list-style:none; padding:0px 0px 0px 0px}
	#pannelLeft li a { text-decoration:none; color:#c05628; line-height:0.9em }
	#pannelLeft li a:hover { text-decoration:underline; color:#b44e20; line-height:0.9em   }
	#pannelLeft li a.On { text-decoration:underline; color:#b44e20; line-height:0.9em   }
	#pannelLeft li a.On:hover { text-decoration:underline; color:#b44e20;  line-height:0.9em   }
	#pannelLeft li { color:#000}
	#pannelLeft li img { width:2px; height:9px; margin-right:5px; background:#c05628}
	#pannelLeft .paragraphe { background:#e6e6e6; padding:5px}


	/* PORTLET DROITE */
	#accordeonRight { width:182px; position:relative; margin:-135px 0px 10px 0px; padding:0px 20px 0px 70px }
	#accordeonRight div { paddin-top:5px }
	#pannelRight .acc_menuRight { margin:0px 0px 0px 0px; padding:0px 20px 0px 4px; display:block; cursor:auto; height:22px; width:150px; background: url(../image/portlet/right/top_on.gif) no-repeat bottom right;  text-decoration:none }
	#pannelRight .acc_menuRight span{ margin:0px 0px 0px 0px; padding:5px 5px 0px 0px; color:#FFF; font-size:1.5em; font-weight:normal; text-decoration:none; cursor:auto }
	#pannelRight span.bottom { display:none; margin:0px; padding:0px; line-height:0px; height:0px }
	#pannelRight h2 { font-size:1.1em; font-weight:normal; padding:2px 0px 0px 0px; margin:0px }
	#pannelRight .login { margin-bottom:5px; color:#333 }
	#pannelRight .picto { position:absolute; cursor:pointer; margin:6px 0px 0px 153px; background:url(../image/portlet/right/puce.gif) no-repeat; width:11px; height:9px }

	#pannelRight .acc_list { padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; background:none; color:#FFF; width:170px}
	#pannelRight .acc_list ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px }
	#pannelRight .acc_list li{ font-size:11px; color:#71655e; list-style:none; padding:4px 0px 5px 0px; margin:0px 0px 0px 0px; background:url(../image/portlet/right/border.gif) repeat-x bottom}
	#pannelRight .acc_menuRight a { text-decoration:none; color:#000}
	#pannelRight .acc_menuRight a:hover { text-decoration:underline; color:#000}
	#pannelRight .acc_list li a { text-decoration:none; color:#FFF; padding-left:3px; line-height:0.9em }
	#pannelRight .acc_list li a:hover { text-decoration:none; color:#000; padding-left:3px; line-height:0.9em   }
	#pannelRight .acc_list li a.On { text-decoration:none; color:#FFF; padding-left:3px; line-height:0.9em   }
	#pannelRight .acc_list li a.On:hover { text-decoration:none; color:#FFF; padding-left:3px; line-height:0.9em   }
	#pannelRight .acc_list li { color:#000}
	#pannelRight .acc_list li img { width:2px; height:9px; margin-right:3px; background:#000}
	#pannelRight .acc_list .hr { background:url(../image/portlet/right/border.gif) repeat-x bottom }




/* ACCORDEON CENTRE */
#accordeonCenter { margin-bottom:10px}
#pannelCenter .acc_menuCenter { margin:5px 0px 0px 0px; display:block; width:100%; cursor:pointer; height:auto; background: url(../image/portlet/center/top_off.gif) top right;  text-decoration:none; line-height:20px; padding-bottom:3px }
#pannelCenter .acc_menuCenter.openPortletCenter { cursor:pointer; height:auto; background: url(../image/portlet/center/top_on.gif) top right;  text-decoration:none; display:block; line-height:20px; padding-bottom:3px}
#pannelCenter .acc_menuCenter span{ display:block; margin:0px 0px 0px 0px; padding:5px 5px 0px 8px; color:#333; font-size:1em; font-weight:normal; text-decoration:none; cursor:pointer; text-transform:uppercase  }
#pannelCenter .acc_list { padding:5px 10px 10px 10px; margin:0px 0px 0px 0px; background:none; display:none}
#pannelCenter .acc_list.openPortletCenter{ display:block}
#pannelCenter .acc_list ul { padding:0px; margin:0px 0px 5px 0px }
#pannelCenter .acc_list li{ font-size:11px; color:#71655e; list-style:none; padding:0px 0px 2px 0px}
#pannelCenter .acc_list ul li ul li{ font-size:11px; color:#71655e; list-style:none; padding:0px 0px 2px 10px}
#pannelCenter .acc_list ul li ul { padding:0px; margin:5px 0px 0px 0px }
#pannelCenter .acc_list ul li ul li ul li { font-size:11px; color:#71655e; list-style:none; padding:0px 0px 2px 10px}
#pannelCenter .acc_list ul li ul li ul { padding:0px; margin:5px 0px 0px 0px }
#pannelCenter .acc_list ul li ul li ul li ul li { font-size:11px; color:#71655e; list-style:none; padding:0px 0px 2px 10px}
#pannelCenter .acc_menuCenter a { text-decoration:none; color:#006699}
#pannelCenter .acc_menuCenter a:hover { text-decoration:underline; color:#71655E}
#pannelCenter .acc_list li a { text-decoration:none; color:#000; padding-left:3px; line-height:0.9em }
#pannelCenter .acc_list li a:hover { text-decoration:none; color:#71655E; padding-left:3px; line-height:0.9em   }
#pannelCenter .acc_list li a.On { text-decoration:none; color:#71655E; padding-left:3px; line-height:0.9em   }
#pannelCenter .acc_list li a.On:hover { text-decoration:none; color:#71655E; padding-left:3px; line-height:0.9em   }
#pannelCenter .acc_list li { color:#000}
#pannelCenter .acc_list li img { width:2px; height:9px; margin-right:3px; background:#000}
#pannelCenter .acc_listCenter { padding:5px }

#pannelCenter .acc_listCenter ul { margin-left:-30px; margin-top:0px; margin-bottom:0px }
* + html #pannelCenter .acc_listCenter ul { margin-left:10px; margin-top:0px; margin-bottom:0px}
* html #pannelCenter .acc_listCenter ul { margin-left:10px; margin-top:0px; margin-bottom:0px}

.listSpace{	overflow:auto; height:95px; background:#FFF; overflow-x:hidden}

/* PLAN */
#plan table { width:100% }
#plan td { padding-bottom:30px }
#plan h2 { padding:0px; margin:0px 0px 5px 0px; background:url(../image/module/plan/lien.gif) bottom left no-repeat; padding-left:6px; font-size:14px }
#plan h2 a:hover { color:#71655E }

#plan a { color:#000 }
#plan a:hover { color:#71655E }
#plan li { list-style:none; }
#plan ul { background:none; padding:0px; margin:5px 5px 0px 5px }
#plan ul li a { background:url(../image/module/plan/lien.gif) bottom left no-repeat; padding-left:6px }
#plan ul li { background:url(../image/module/plan/chemin.gif) top left no-repeat; padding:5px 0px 0px 24px; margin:0px; font-size:12px; font-weight:bold }
#plan ul li.ender { background:url(../image/module/plan/chemin_ender.gif) top left no-repeat }

#plan ul li ul { background:url(../image/module/plan/chemin_ender.gif) bottom left no-repeat; padding:0px; margin:0px 0px 0px 0px }
#plan ul li ul li { background:url(../image/module/plan/chemin_ender.gif) bottom left no-repeat; padding:5px 0px 0px 24px; margin:0px; margin:0px; font-weight:normal }
#plan ul li ul li a { background:none; padding:0px; color:#c05628 }
#plan ul li ul li a:hover{ color:#b44e20 }

/*  FOOTER */
.footer{ color:#FFF; width:100%; background:url(../image/bandeau/footer.png); position:absolute; padding-top:40px; margin-top:-40px; z-index:4; }
* html .footer{ background:#333; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70 }

.footer.accueil{ color:#FFF; width:100%; background:url(../image/bandeau/footer.png); position:absolute; padding-top:0px; margin-top:780px }

.footer div { width:673px; margin:0px auto 0px auto; text-align:right; padding:0px 267px 0px 60px }
.footer.accueil div { width:960px; margin:0px auto 0px auto; text-align:right; padding:0px 0px 0px 0px }

.footer div div.trade { padding:5px 10px 10px 0px; margin:0px; width:668px; font-size:0.9em }
.footer.accueil div div.trade { padding:5px 10px 10px 0px; margin:0px; width:955px; font-size:0.9em }

* html .footer a{ position:relative }
.footer ul{ margin:0px; padding:5px 0px 0px 0px}
.footer li{ display:inline; font-size:1em; font-family:Arial, Helvetica, sans-serif; list-style:none }
.footer li a{ color:#FFF; text-decoration:none; font-weight:normal; padding-left:8px; padding-right:5px }
.footer li a:hover{ color:#000; text-decoration:none }
.footer li a.On{ color:#000; text-decoration:none; font-weight:normal; padding-left:8px }
.footer li a.On:hover{ color:#000; text-decoration:none }

* html .footer li a:hover{ color:#FFF; text-decoration:underline }
* html .footer li a.On{ color:#FFF; text-decoration:underline; font-weight:normal; padding-left:8px }
* html .footer li a.On:hover{ color:#FFF; text-decoration:underline }

.brd_w a{ font-weight:normal; border-left:#FFF solid 1px }


/* ALERTE */

	/* ALERTE */
	#portletAlerte { margin:0px 0px 10px 0px; padding:5px; color:#990000; border:solid 1px #990000 }
	#portletAlerte .fermer { float:right }
	#portletAlerte .fermer img { background:url(../../image/message/alerte/fermer.gif) no-repeat; width:16px; height:16px}
	#portletAlerte h2 { color:#990000; font-size:1.7em; margin:0px; padding:0px; text-transform:none; font-weight:normal }
	#portletAlerte strong { color:#990000 }
	#portletAlerte .text { padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:1em }
	#portletAlerte .text a {color:#990000; text-decoration:underline; font-weight:bold}

	/* CONFIRMATION */
	#portletConfirmation { margin:0px 0px 10px 0px; padding:5px; color:#336600; border:solid 1px #336600}
	#portletConfirmation .fermer { float:right }
	#portletConfirmation .fermer img { background:url(../../image/message/confirm/fermer.gif) no-repeat; width:16px; height:16px}
	#portletConfirmation h2 { color:#336600; font-size:1.7em; margin:0px; padding:0px; text-transform:none; font-weight:normal }
	#portletConfirmation strong { color:#336600 }
	#portletConfirmation .text { padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:1em }

	/* QUESTION */
	#portletInterrogation { margin:0px 0px 10px 0px; padding:5px; color:#003e66; border:solid 1px #003e66}
	#portletInterrogation .fermer { float:right }
	#portletInterrogation .fermer img { background:url(../../image/message/question/fermer.gif) no-repeat; width:16px; height:16px}
	#portletInterrogation h2 { color:#003e66; font-size:1.7em; margin:0px; padding:0px; text-transform:none; font-weight:normal }
	#portletInterrogation strong { color:#003e66 }
	#portletInterrogation .text { padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:1em }

	div.content { padding:0 0px 0 0px}


/* OVERLAY */
	#overlay {position: fixed; top:0; left:0; height:100%; width:100%; background:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; z-index:400}
	* html #overlay { position:absolute; height:100em}

	#overlay_load {position: fixed; /* A marvelous property */
		z-index:110; top:0; left:0; height:100%; width:100%; background:#000; z-index:700}
	*html #overlay_load { position:absolute; height:100em}

	#overlay_load img { left: 50%;  margin-left: -16px;  margin-top: -16px;  position: fixed;  top: 50%;  z-index: 800;}
	*html #overlay_load img { position: absolute; top: expression( ignoreMe =( document . documentElement . scrollTop ? document . documentElement . scrollTop: document . body . scrollTop ) +( document . documentElement . clientHeight / 2 ) )}

	#iframe_load {position: fixed; /* A marvelous property */
		z-index:110; top:0; left:0; height:100%; width:100%; background:#FFF; z-index:600}
	*html #iframe_load { position:absolute; height:100em}


.shadowContenuCenter { background:#FFFFFF }
.shadowContenuLeft { background:url(../image/contenu/l.gif) #FFF repeat-y}
.shadowContenuRight { background:url(../image/contenu/r.gif) #FFF repeat-y right}
.shadowContenuTop { background:url(../image/contenu/t.gif) repeat-x; width:100%}
.shadowContenuBottom { background:url(../image/contenu/b.gif) repeat-x; width:100%}
.bottomSpacer { border-bottom:1px dotted #CCC; padding-bottom:5px}
.borderLeft { border-left:1px dotted #CCC}
.border { border:2px dotted #CCC}
.borderBottom { border-bottom:1px solid #CCC}


/* WIZARD */
.wizard { width:99%; margin:10px 0px 10px 0px; background:url(../image/module/wizard/fond_wizard.gif) no-repeat left top }
.wizard td { text-align:center }
.wizard div { text-align:left; margin:0px auto 0px auto; padding-left:5px; width:140px }
.wizard .etapeOn { color:#000; font-weight:bold }
.wizard .etapeOff { color:#b2b2b2 }
.wizard .etapeValid { color:#4c4c4c }
.wizard .etapeValid a { color:#675545 }
.wizard .etapeValid a:hover { color:#675545; text-decoration:underline }
.wizard .jonction { text-align:center; width:1px; height:15px }


/* ONGLETS */
.fondOnglet {border-left:1px solid #CACFD5; border-right:1px solid #CACFD5; padding:10px}
.fondOngletBottom { background:url(../image/onglet/ongletb.gif) repeat-x; margin-bottom:10px}
#fondOnglet { width:100%; height:10px;}
#fondOnglet td { margin:0px; padding:0px; line-height:8px;}
* html #fondOnglet td { height:34px; line-height:34px}
* html #fondOnglet td { height:34px; line-height:34px}
#fondOnglet td a span { color:#FF9900}
#fondOnglet td a span img { display:none}
#fondOnglet td a { color:#666; text-decoration:none }
#fondOnglet td a:hover { color:#FF9900; text-decoration:none}
#fondOnglet td a.On { color:#FF9900; text-decoration:none}
#fondOnglet td a.On:hover { color:#FF9900; text-decoration:none}
#fondOnglet td.End {background:url(../image/onglet/onglet_sans.gif) repeat-x right; width:100%; text-align:right}
#fondOnglet td.End div { margin-top:5px}
#fondOnglet td.Between {background:url(../image/onglet/onglet_between.gif) repeat-x; width:100%; text-align:right}
#fondOnglet td.Off {background:url(../image/onglet/onglet_off.gif) repeat-x; vertical-align:middle}
#fondOnglet td.On {background:url(../image/onglet/onglet_on.gif) #FFF repeat-x; vertical-align:middle}
#fondOnglet td a.Doff { color:#816F65; text-decoration:none}
#fondOnglet td a.Doff:hover { color:#CC0033; text-decoration:none}
#fondOnglet td a.Don { color:#CC0033; text-decoration:none}
#fondOnglet td a.Don:hover { color:#CC0033; text-decoration:none}
#fondOnglet td.Doff {background:url(../image/onglet/onglet_off.gif) #CC0033 repeat-x; vertical-align:middle}
#fondOnglet td.Don {background:url(../image/onglet/onglet_on.gif) #CC0033 repeat-x; vertical-align:middle}


/* TABLEAU */
.bgTdTable { width:100%; margin:5px 0px 5px 0px}
.bgTdTable a img { height:auto; width:auto; background:none; margin-right:5px }
.bgTdTable a:hover img { height:auto; width:auto; background:none; margin-right:5px }
.bgTdTable th {color:#000; padding:3px 5px 3px 5px; font-weight:bold; border-bottom:1px solid #c9ced1; border-top:1px solid #c9ced1; background:#ebebeb; text-align:left}
.bgTdTable th a { display:block; color:#000; text-decoration:none; font-weight:bold}
.bgTdTable th a:hover { display:block; color:#71655E; text-decoration:none; font-weight:bold}
.bgTdTable th img { margin-right:5px; vertical-align:middle; height:auto; width:auto; background:none }
.bgTd td {background-color:#ebebeb; padding:5px 8px 5px 8px}
.bgTdOff td {padding:5px 8px 5px 8px}
.bgTdOff td span { margin-right:5px}
.bgTd td img { margin-right:5px; height:auto; width:auto; background:none}
.bgTdOff td img { margin-right:5px; height:auto; width:auto; background:none}
.bgTdOff td img { color:#71655E; margin-right:5px}
.bgTdOn td span { color:#71655E; margin-right:5px}
.bgTdOn td img { color:#71655E; margin-right:5px}
.bgTdOn td {background-color:#eaeaeb; border-bottom:1px solid #e0e0e1; padding:5px 8px 5px 8px;}
.bgTdOff td.moisOut {background:#ebebeb; text-align:center}
.bgTdOff td.Off {background-color:#FFF; padding:2px 5px 2px 5px; text-align:center}
.bgTdOff td.On {background-color:#95D8FF; padding:2px 5px 2px 5px; text-align:center}
.bgTdOn td.Off {background-color:#ebebeb; padding:2px 5px 2px 5px; text-align:center}
.bgTdOn td.On {background-color:#95D8FF; padding:2px 5px 2px 5px; text-align:center}
.bgTdOff td.CursorOff {background-color:#FFCC66; padding:2px 5px 2px 5px; text-align:center; font-weight:bold; cursor:pointer; font-size:1.1em}
.bgTdOff td.CursorOn {background-color:#95D8FF; padding:2px 5px 2px 5px; text-align:center; font-weight:bold; cursor:pointer; font-size:1.1em}
.bgTdOn td.CursorOff {background-color:#FFCC66; padding:2px 5px 2px 5px; text-align:center; font-weight:bold; cursor:pointer; font-size:1.1em}
.bgTdOn td.CursorOn {background-color:#95D8FF; padding:2px 5px 2px 5px; text-align:center; font-weight:bold; cursor:pointer; font-size:1.1em}
.bgTdBorder td {background: url(../../imagetable/border_bottom.gif) repeat-x bottom #ebebeb; padding:2px 5px 2px 5px}
.bgTdBorderOff td {background: url(../../imagetable/border_bottom.gif) repeat-x bottom #FFF; padding:2px 5px 2px 5px}
.bgTdBorderOn td {background-color:#cacaca; padding:2px 5px 2px 5px}


/* QUESTIONAIRE */
.questionnaire { width:100% }
.questionnaire .question { padding:5px 0px 0px 0px; text-align:left; font-weight:bold }
.questionnaire .reponse { padding:0px 0px 15px 0px; text-align:left }
.questionnaire .stat { float:left; width:35% }
.questionnaire .statRep { float:right; width:60%; text-align:left }


/* LARGEUR */
.w10p { width:10%}
.w15p { width:15%}
.w20p { width:20%}
.w25p { width:25%}
.w30p { width:30%}
.w33p { width:33%}
.w35p { width:35%}
.w33p { width:33%}
.w39p { width:39%}
.w40p { width:40%}
.w45p { width:45%}
.w46p { width:46%}
.w47p { width:47%}
.w48p { width:48%}
.w49p { width:49%}
.w50p { width:50%}
.w55p { width:55%}
.w56p { width:56%}
.w59p { width:59%}
.w60p { width:60%}
.w65p { width:65%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w85p { width:85%}
.w87p { width:87%}
.w90p { width:90%}
.w95p { width:95%}
.w96p { width:96%}
.w97p { width:97%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}

.w20 { width:20px}
.w25 { width:25px}
.w30 { width:30px}
.w40 { width:40px}
.w50 { width:50px}
.w55 { width:55px}
.w60 { width:60px}
.w70 { width:70px}
.w75 { width:75px}
.w80 { width:80px}
.w90 { width:90px}
.w95 { width:95px}
.w100 { width:100px}
.w105 { width:105px}
.w110 { width:110px}
.w120 { width:120px}
.w123 { width:123px}
.w150 { width:150px}
.w180 { width:180px}
.w200 { width:200px}
.w250 { width:250px}
.w300 { width:300px}
.w350 { width:350px}


/* FORMULAIRE */
.oblig { color:#CC0000; font-weight:bold}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}
.erreur { color:#CC0000; margin:5px 10px 5px 0px; font-size:1.2em; font-weight:bold}

/* STRUCTURE */
.mtM15 { margin-top:-15px; position:relative}
.mtM30 { margin-top:-30px}

.mtM2 { margin-top:-2px}
.m2 { margin:2px}
.mt2 { margin-top:2px}
.mr2 { margin-right:2px}
.mb2 { margin-bottom:2px}
.ml2 { margin-left:2px}

.mt3 { margin-top:3px}

.m5 { margin:5px}
.mt5 { margin-top:5px}
.mr5 { margin-right:5px}
.mb5 { margin-bottom:5px}
.ml5 { margin-left:5px}

.mt8 { margin-top:8px}
.mb8 { margin-bottom:8px}

.m10 { margin:10px}
.mt10 { margin-top:10px}
.mr10 { margin-right:10px}
.mb10 { margin-bottom:10px}
.ml10 { margin-left:10px}

.m15 { margin:15px}
.mt15 { margin-top:15px}
.mr15 { margin-right:15px}
.mb15 { margin-bottom:15px}
.ml15 { margin-left:15px}

.mr17 { margin-right:17px}

.m20 { margin:20px}
.mt20 { margin-top:20px}
.mr20 { margin-right:20px}
.mb20 { margin-bottom:20px}
.ml20 { margin-left:20px}

.m25 { margin:25px}
.mt25 { margin-top:25px}
.mr25 { margin-right:25px}
.mb25 { margin-bottom:25px}
.ml25 { margin-left:25px}

.m30 { margin:30px}
.mt30 { margin-top:30px}
.mr30 { margin-right:30px}
.mb30 { margin-bottom:30px}
.ml30 { margin-left:30px}

.ml32 { margin-left:32px}

.m40 { margin:40px}
.mt40 { margin-top:40px}
.mr40 { margin-right:40px}
.mb40 { margin-bottom:40px}
.ml40 { margin-left:40px}

.ml60 { margin-left:60px}

.ml75 { margin-left:75px}

.pt3 { padding-top:3px}
.pt2 { padding-top:2px}

.p5 { padding:0px 5px 0px 5px}

.pt5 { padding-top:5px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pl5{ padding-left:5px}

.p010010 { padding:0px 10px 0px 10px}
.pl1 { padding-left:1px}
.p10 { padding:10px}
.pt10 { padding-top:10px}
.pr10 { padding-right:10px}
.pb10 { padding-bottom:10px}
.pl10 { padding-left:10px}

.p20 { padding:20px}
.pt20 { padding-top:20px}
.pr20 { padding-right:20px}
.pb20 { padding-bottom:20px}
.pl20 { padding-left:20px}

.p30 { padding:30px}
.pt30 { padding-top:30px}
.pr30 { padding-right:30px}
.pb30 { padding-bottom:30px}
.pl30 { padding-left:30px}

/* ALIGNEMENT */
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom td {vertical-align:bottom}
.tdMiddle td { vertical-align:middle}
.vab { vertical-align:bottom }
.vam { vertical-align:middle}
.vat { vertical-align:top}
.cb { clear:both; margin:0px; padding:0px; line-height:0.01em; height:0.01em; font-size:0.01em}
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.cursor { cursor:pointer}
.little { font-size:0.05em; line-height:0.05em}
.nowarp{white-space:nowrap}

.combo_contact{
width:99%;
}