/* CSS Styles pour template Artsum */

@import url(extensions.css);
@import url(styles_box.css);

/*******************************/
/* general */

body {width:100%; color:#000; margin:0 auto; padding:0; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:12px; background-color: white}

a {color:#75902B; font-weight: bold}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}


p {font-size:12px; padding:0; margin:0;}

table caption {display:none;}

li.actif span a:link, li.actif span a:visited, li.actif span a:hover {color:#090;}

abbr, acronym {cursor:help; border-bottom:1px dotted #026805;}

/* titres */
h1 {color:#A7BD65; font-size:1.5em; padding-left:20px; margin:1em 0 1.5em 0; font-family: "Trebuchet MS"; font-weight: bold; letter-spacing: 1px}
.format1 h1, .format2 h1 {padding:0; margin: 0; font-size:12px; line-height:16px;}
h2 {color:#777777; font-size:1.25em; padding-left:20px; margin:2em 0 1em 0; font-family: "Trebuchet MS";}
h3 {color:#aaaaaa; font-size:1em; font-weight: bold; padding-left:20px; margin:0; font-family: "Trebuchet MS";}
h4 {color:#333333; font-size:1em; padding-left:20px; margin:0; font-family: "Trebuchet MS";}


/* conteneur de tte la page */
#conteneur {position:absolute; margin:0 30px; width: 95%; background-color: white; border-left: 3px solid #CCE384; border-right: 3px solid #CCE384; border-bottom: 3px solid #CCE384}


/******************************/
/* header */

#header {position:relative; height:120px;  background: url(../images/fond_head.jpg) repeat-x}
#header_left {position:absolute; left:0; width:100%;}
/*#header_left_top {margin-right:6px; height:25px; background: transparent url(../images/header_left_top_fond.gif) repeat-x left; border: 1px solid green}*/
#header_left_middle {height:60px; background: transparent url(../images/img_head.jpg) no-repeat;}
#header_left_bottom {height:60px;background: transparent url(../images/title_head.jpg) no-repeat scroll}

/*#header_right {position:absolute; right:0; top:8px; border: 1px solid purple }*/

/********************/
/* colonne centrale */
#contenu_principal {position:relative; clear:both; text-align:left; background-color: white;}

#forme3cols {width:100%; background-color: white}
#forme3cols #colG {width:163px; vertical-align:top; background: url(../images/fond_menu.jpg) repeat-y left}
#forme3cols #menuRapide {left:1px; height:35px; text-align:right; padding-right:15px; background: url(../images/coin_bandeau.jpg) top left no-repeat}
#forme3cols #contenu {vertical-align:top; background-color:#fff;}



/* menu gauche */

#menu_gauche {font-size:12px; width:173px; color:#555555; padding-top:40px; background: url(../images/top_menu.jpg) no-repeat left top}
#menu_gauche ul.racine {list-style-type:none; margin:0 10px 0 6px; padding:0;}
#menu_gauche li.racine {list-style-type:none; padding:0; margin:0; color:#555555;}
/* ONLY FOR IE WIN : Hides from others and IE5-mac \*/
* html #menu_gauche li {height:0;}
/* End hide from others and IE5-mac */
#menu_gauche li a {color:#555555; padding:0; margin:0; border-bottom:1px solid #fcfcfc}

#menu_gauche li a:link, #colG li a:visited {display:block;}
#menu_gauche li a:hover{text-decoration:none;display:block; background-color: #f7f7f7;}

#menu_gauche li.actif a:link, #colG li.actif a:visited {color:#555555;}
#menu_gauche li.actif a:hover {color:#555555; text-decoration:none;}


/* sous menu part1 */
#menu_gauche ul.part1_left_sub {padding:0 0 5px 0; margin:0;  }
/* ONLY FOR IE WIN : Hides from others and IE5-mac \*/
* html #menu_gauche ul.part1_left_sub {margin-left: 0;}
/* End hide from others and IE5-mac */

#menu_gauche ul.part1_left_sub li {list-style-type:none; padding-left:15px; background: url(../images/pupuce2.gif) left top no-repeat}
#menu_gauche ul.part1_left_sub li.actif {padding-left:15px;}

#menu_gauche ul.part1_left_sub li a:hover{text-decoration:underline;display:block; color:#555;}
#menu_gauche ul.part1_left_sub li.actif a:hover {color:#555; text-decoration:underline;}

#menu_gauche li.part1_left_sub_li_sub {/*list-style-type:none;*/ padding:0; margin:0}
/* ONLY FOR IE WIN : Hides from others and IE5-mac \*/
* html #menu_gauche li.part1_left_sub_li_sub {height:0;}
/* End hide from others and IE5-mac */
#menu_gauche li.part1_left_sub_li_sub_sub {/*list-style-type:none;*/ padding:0; margin:0;}
/* ONLY FOR IE WIN : Hides from others and IE5-mac \*/
* html #menu_gauche li.part1_left_sub_li_sub_sub {height:0;}
/* End hide from others and IE5-mac */

#menu_gauche ul.part1_left_sub_sub {list-style-type:circle; padding:0 0 0px 8px;}
#menu_gauche ul.part1_left_sub_sub_sub {list-style-type:disc; padding:0 0 0px 8px;}



#top_bloc_gauche {background: url(../images/header_bloc_gauche.gif) no-repeat left top; height:50px; padding:0; margin:0; margin-top:20px;}
#bloc_gauche {background: url(../images/fond_menu.jpg) repeat-y left; padding:5px; margin-right:8px;}

#bloc_gauche h1 {color:#5D712C;font-size:18px;}
/*#bloc_gauche h1 {color:#000000;}#EFEFEF*/
#bloc_gauche p.bodytext {padding-bottom:10px;}

#bottom_bloc_gauche {background: #EFEFEF; padding:5px; margin-right:8px;border: solid black 0px;text-align: left;top: 90%}
.tx-bktfegraphiccounter-pi1{height:100%;text-align:left;vertical-align:bottom;};

/* News (csc) */
.csc-header img, .csc-header br {display:none;}
.csc-header {padding-top:10px}
.csc-firstHeader{padding:0 0 0 20px; margin:0 0 20px 0;}

/* menu rapide */
#menuRapide { line-height:35px; height:35px; text-align:right}

#menuRapide ul {list-style-type:none; margin:0; padding:0; float:right;}
#menuRapide li {font-weight:bold; font-size:15px; float:left; padding:0 6px 0 6px; color:#555555;}
#menuRapide li a {font-weight:normal; font-size:12px; color:#555555;}



/* fil d'ariane */
#pathway {text-align:left; background:#fff; margin:20px; padding: 0; color:orange; font-size:11px; font-weight: bold}
#pathway ul {line-height:10px; float:left; list-style-type:none; margin:0; padding:0;}
#pathway li {line-height:10px; float:left; padding:0 5px 0 0;}
#pathway li a {line-height:10px;}
#pathway a {color:orange;}


#zone_content {clear:left;padding-top:5px;margin-left:7px;}


/* contenu */
/*.content_bodytext { padding-bottom : 5px; margin: 20px }*/
#forme3cols #contenu p.bodytext {margin:0 20px; font-size: 12px; line-height: 1.5em}

.menuSommaire {padding-left:0; margin-left:15px; color:#090;}
.menuAncres {padding-left:0; margin-left:15px; color:#090;}


/***************************/
/* navigation du bas */
#menu_down {clear:both; background-color:#99B24C; font-size:12px; height:21px; line-height:21px; text-align: center}
#menu_down ul {list-style-type:none; margin:0; padding:0; text-align: center}
#menu_down li {display: inline; padding:0 6px 0 6px; color:#fff; font-weight:bold; font-size:15px;}
#menu_down li a {line-height:21px; color:#fff; font-weight:normal; font-size:12px;}

/* décalage tableau texte+images par rapport au fond */
.imgtext-table {padding-right:10px}

/* rajouts */
#zone_content, #zone_content td{font-size:10pt; font-family:Verdana,Arial,Geneva,Helvetica, sans-serif; }
/*#zone_content h1 {font-size:12pt;font-weight:bold;}
#zone_content h2 {font-size:12pt;font-weight:normal;}*/
.news-latest-item p {font-size:8pt;}
#zone_content .contenttable {margin-right:15px; /*width:90%;*/}
hr {width:98%;text:align:center;}
/*p {padding-right:15px;}*/
.to_top {float:right; margin-right:20px;}

#zone_content ul{ margin: 1.5em 0; padding: 0 0 0 30px; list-style-type: none}
#zone_content li{ font-size: 12px, line-height: 1.5em; background-image:url(../images/pupuce.jpg); background-position: 0 0; background-repeat:  no-repeat; padding-left: 15px; margin: 0px}

/* Menu Services 

MIS EN COMMENTAIRES PAR FMO POUR TESTS NOUVEAU MENU

#menuServices {position: absolute; top: 30px; right: 0; margin-right: 32px; z-index:100; background-image: url(../images/coin_bandeau_menu.jpg); background-position: left top; background-repeat: no-repeat; line-height: 29px}
*> #menuServices {margin-right: 0px;}

#menuServices dl {float: left; width: 100px; margin: 0 0 0 15px; padding: 0}
#menuServices dt {cursor: pointer; text-align: left;}
#menuServices dd {margin: 0; padding: 0; text-align: left;}
#menuServices ul { list-style-type: none; padding:0; margin:0}
#menuServices li {text-align: center; background: #fff; width: 100px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0; margin: 0}
#menuServices li a, #menu dt a {color: #000; text-decoration: none; display: block; height: 100%; border: 0 none;}
#menuServices li a:hover, #menu dt a:hover {background-color: #fafafa;}
*/

/* Blocs Arrondis */

.boxes h1 {margin:0; font-size:14px; font-family: "Trebuchet MS", sans-serif; letter-spacing: 2px; padding:0px 10px 0 20px; border-bottom:1px solid #cccccc;}
.boxes p { margin:0; padding:5px 10px 5px 150px; font-size:10px;}
.boxes {width:80%; float:left; margin:15px 30px; clear: both}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.xb1 {margin:0 5px; background:#cccccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {border:0 solid #cccccc; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_a {background:url(../images/fond_head.jpg) center left; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}

.clearboth{clear: both}

.logobloc{ float: left; width: 120px; height: 120px; margin: 10px 0 10px 5px}
*> .logobloc{margin: 10px 0 10px 10px}

/* Ajout Sylvain */
p{
margin: 0px;
}

p.align-left{
text-align: left;
}

p.align-center{
text-align: center;
}

p.align-right{
text-align: right;
}

p.align-justify{
text-align: justify;
}