@charset "utf-8";
* {
	font-family:Trebuchet MS;
	font-size:12pt;
	color:#3e3e40;
	margin:0;
	padding:0;
}
strong{ font-size:14px; font-family:Trebuchet MS; font-weight:bold; }
body {
	background:url(../image/bg_body.png) repeat-x left top;
	background-color: #b1b3b4;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
h1 {
	color:#a4c400;
	font-size:19pt;
	font-weight:normal;
}
h2 {
	color:#3aaadc;
	font-size:13pt;
	font-weight:normal;
}
h3 {
	border-bottom:1px solid #bbe900;
}
p {
	margin:10px 0 10px 0;
	text-align:justify;
	font-size:13px;
}
img {
	border:none;
}
#wrapper {
	width:951px;
	margin:0 auto;
	padding:0 10px 10px 7px;
	background:url(../image/bg_wrapper.png) repeat-y left top;
}
#header {
	width:940px;
	height:190px;
	background:url(../image/bg_header.jpg) no-repeat left top;
	margin:0 0 22px 5px;
}
#header #head_lien
{
	width:940px;
	height:190px;
	cursor:pointer;
	text-decoration:none;
}

#header #head_lien a
{
	display:block;
	width:100%;
	height:100%;
}

.lien_header{ text-decoration:none; }
#header #coord
{
	display:block;
	width:624px;
	height:14px;
	font-size:14px;
	position:absolute;
	margin:-50px 0 0 301px;
	text-decoration:none;
	/*43, Avenue de la Margeride - 63000 Clermont-Ferrand - T�l. : 04 73 44 24 24 - Fax. : 04 73 44 24 20*/
}
#footer {
	width:946px;
	height:48px;
	margin:0 auto;
	background:url(../image/bg_footer.png) no-repeat -3px top;
	text-align:right;
	padding:5px 20px 0 0;
	color:#333333;
}
#footer a {
	color:#333333;
	font-size:11px;
}
#leftColumn {
	display:block;
	float:left;
	width:170px;
	height:auto;
}
#centerColumn {
	display:block;
	float:left;
	width:528px;
	height:auto;
	margin:0 0 0 25px;
}
#rightColumn {
	width:200px;
	height:auto;
	display:block;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #bbe900;
}
#rightColumn p {
	font-size:11px;
	color:#999999
}
#rightColumn .date{
	color:#a4c400;
	display:block;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}
#centerColumn a, #centerColumn2 a
{
	font-size:13px; 
} 
#centerColumn2 {
	display:block;
	float:left;
	width:528px;
	height:auto;
	margin:0 0 0 25px;
}
#centerColumn2 img{ margin-right:5px; display:block; float:left;}
#leftMenu {
	display:block;
	float:left;
	margin:0 0 20px 0;
}
#leftMenu li {
	width:180px;
	height:30px;
	margin:0 0 5px 5px;
	background:url(../image/bg_menuItem.jpg) no-repeat left top;
	text-align:left;
	padding:0 30px 0 5px;
}
#leftMenu li.active{
	width:204px;
	height:30px;
	margin:0 0 5px 5px;
	background:url(../image/bg_menuItem_active.jpg) no-repeat left top;
	text-align:left;
	padding:0 30px 0 5px;
	
}

/* modif spum */
#leftMenu li a{ text-decoration:none;}

#leftMenu ul.submenu{ margin:10px 0 10px 0; padding:0; width:190px; font-size:9px;}
#leftMenu  ul.submenu li{ background:none; width:232px; height:25px; text-align:left; margin:0; font-size:9px; padding:0px;}
#leftMenu  ul.submenu li.active {background:none; width:232px; height:25px; text-align:left; margin:0; font-size:9px; padding:0px;}
#leftMenu  ul.submenu li.active a, #leftMenu  ul.submenu li a{ display:block; height:25px; margin:0; width:217px; padding:0 0 0 15px; font-size:11px;}

#leftMenu ul.submenu li a.branche, #leftMenu ul.submenu li a.branche:hover{ background:url(../image/branche.gif) no-repeat left center; width:180px; display:block; height:25px; margin:0; padding:0 0 0 22px; margin:0 0 0 8px; border-left:solid 1px #bbe900;}
#leftMenu ul.submenu li a.branche_last, #leftMenu ul.submenu li a.branche_last:hover{ background:url(../image/branche_last.gif) no-repeat left top; width:180px; display:block; height:25px; margin:0; padding:0 0 0 22px; margin:0 0 0 8px;}

#fleure1 {
	width:185px;
	float:left;
	height:323px;
	position:absolute;
	background:url(../image/fleure1.jpg) no-repeat left top;
	margin:-190px 0 0 -190px;
}
#fleure2 {
	width:86px;
	height:257px;
	position:absolute;
	background:url(../image/fleure_droite.png) no-repeat left top;
	margin:-270px 0 0 950px;
}
#bg_droite {
	width:12px;
	height:194px;
	float:right;
	background:url(../image/bg_droite.jpg) no-repeat left top;
	margin:-190px 0 0 945px;
	position:absolute;
}
.spacer {
	clear:both;
}
.marginBottom10 {
	margin-bottom:10px;
}
.pdf_download {
	margin:5px 0 0 2px;
	width:624px;
}
.pdf_download li {
	float:left;
	width:270px;
	height:30px;
	font-size:10px;
	color:#666;
	font-weight:normal;
	background:url(../image/pdf_ico.jpg) no-repeat left top;
	padding:0px 0 0 35px;
	margin:10px 5px 0 0;
}
.pdf_download li.doc {
	background:url(../image/icones/DOC.png) no-repeat left top;
}
.pdf_download li.pdf {
	background:url(../image/icones/PDF.png) no-repeat left top;
}
.pdf_download li.gif {
	background:url(../image/icones/GIF.png) no-repeat left top;
}
.pdf_download li.jpeg {
	background:url(../image/icones/JPG.png) no-repeat left top;
}
.pdf_download li.txt {
	background:url(../image/icones/TXT.png) no-repeat left top;
}
.pdf_download li.zip {
	background:url(../image/icones/ZIP.png) no-repeat left top;
}
.pdf_download li a{
	font-size:10px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
.readmore {
	/*width:96px;*/
	width:79px;
	height:19px;
	display:block;
	float:right;
	background:url(../image/readmore.jpg) no-repeat left top;
	font-size:11px;
	padding:2px 0 0 17px;
	margin:0 0 5px 0;
	text-decoration:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.actus {
	margin-bottom:20px;
	text-align:center;
}

.actus > h4{ border-bottom:solid 1px #ebebeb; margin-bottom:5px;}
.actus h4 { text-align:left; font-size:13px; font-weight:bold; }
.actus p,.actus .date { text-align:left; font-size:13px; font-weight:normal; }
.actus p { text-align:justify;}
.actus a.all_actus{ text-decoration:none; width:200px; height:20px; display:block; background:url(../image/all_actus.gif) no-repeat; font-size:11px; color:#00941e; text-align:center; padding:4px 0; font-weight:bold;}
.actus img{ border:none; margin:5px 0; }

/* liste des actualités */
#liste_actu_valtom{ width:500px; height:auto; margin:0; padding:0;}
#liste_actu_valtom .liste_actus{width:500px; height:auto; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dashed 1px #bbe900;}

#liste_actu_valtom .liste_actus a.readmore_actus{
	width:79px;
	height:19px;
	display:block;
	background:url(../image/readmore.jpg) no-repeat left top;
	font-size:11px;
	padding:2px 0 0 17px;
	text-decoration:none;
	clear:both;
	float:inherit;
}
#liste_actu_valtom .liste_actus h4{ font-size:14px;}
#liste_actu_valtom .liste_actus h4 span.actu_titre
{
	width:auto; margin:0; padding:0; float:left; width:446px;
}
#liste_actu_valtom .liste_actus h4 span.date_actus
{ 
	color:#a4c400; display:block; font-size:10px; font-style:italic; font-weight:bold; margin:0; padding:5px 0 0 0; height:15px; float:right;
}
#liste_actu_valtom  .liste_actus .actus_content{ display:block; width:600px; height:auto; margin:0 0 10px 0; padding:0;}
#liste_actu_valtom  .liste_actus .actus_content p{ display:block; width:460px; height:auto; text-align:justify; margin:0 0 20px 0; float:left; }
#liste_actu_valtom  .liste_actus .actus_content img.image_actus{ float:left; display:block; margin:0 5px 0 0; }
/*#liste_actu_valtom .liste_actus p{ display:block; width:460px; height:auto; text-align:justify; margin:0 5px 20px 0; float:left;}
l#liste_actu_valtom .liste_actus img.image_actus{ float:left; display:block;}*/

/* fin liste des actualites*/
/* paznav san */
.clr{ clear:both;}
#pagenav{heigt:30px; width:100%; margin:30px 0 0 0; padding:0; text-align:left; }
.ditto_currentpage, a.ditto_page, a.ditto_next_link, a.ditto_previous_link{ margin-right:3px; font-size:12px;}
a.ditto_page, a.ditto_next_link, a.ditto_previous_link{ text-decoration:none;}
a.ditto_page:hover, a.ditto_next_link:hover, a.ditto_previous_link:hover{ text-decoration:underline;}
.ditto_currentpage{ color:#99FF00; font-weight:bold;}

/* email Form */
/*#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}*/
form#contact
{
	width: 670px; height:auto;
	margin:10px 0 0 0; padding:0;
}
#contact fieldset{ border:none; width:670px; height:auto; margin:0; }
#contact fieldset legend{margin:20px 0 15px 0px; display:block; width:200px; height:20px; color:#c3ec1d;}
#contact fieldset p{ display:block; width:670px; height:30px; clear:both; margin:0;}
#contact fieldset p.text_area{ display:block; width:670px; height:auto; clear:both; margin:0 0 7px 0; }
#contact fieldset p label,#contact fieldset p input, #contact fieldset p textarea{ float:left;}
form#contact fieldset p label{ width:130px;}
#contact fieldset p input.text,#contact fieldset p textarea{ width:300px; font-size:12px; color:#333;}
#contact fieldset p textarea{height:150px;}
input.button{border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED; 
width:100px; height:30px; display:block; margin:0 5px 0 0; padding:0; float:left;}
.require{ color:#ff0000;} 
.errorMessage {color: red;margin-left: 10px; font-size: 0.9em;}
.red {border: 1px solid red;}
.msg{ width:100%; height:auto; border:solid 1px red; color:red; margin:10px auto;padding: 10px; font-size:12px; display:block;}

/* documentation lerets a*/
.espace_doc{ margin:0px 0px 10px 0px; padding:0; height:auto; width:670px;}
.espace_doc .onglet_menu{ width:520px; height:36px; margin:0 0 0 5px; padding:0; }
.onglet_menu a{width:229px; height:21px; float:left; display:block; text-decoration:none; color:#666666; font-size:13px; font-weight:bold;
 background:url(../image/onglet.gif) no-repeat; margin:0; padding:15px 0 0 0; text-align:center;}
 .onglet_menu  a.onglet_hover{
 width:229px; height:24px; float:left; display:block; text-decoration:none; color:#666666; font-size:13px; font-weight:bold;
 background:url(../image/onglet_hover.gif) no-repeat; margin:0; padding:12px 0 0 0; text-align:center;
 }
 .onglet_menu  a.onglet_active{
 width:229px; height:24px; float:left; display:block; text-decoration:none; color:#666666; font-size:13px; font-weight:bold;
 background:url(../image/onglet_active.jpg) no-repeat; margin:0; padding:12px 0 0 0; text-align:center;
 }
.espace_doc .doc_content{height:auto; width:528px; margin:10px 0 0 6px; padding:15px 16px; text-align:justify; /*display:none;*/
}
.doc_content .doc_cnt{display:none; width:520px; margin:0; padding:0; }
.doc_content #tree_view,.doc_content #r_moteur{ font-size:12px; border:none; margin:0 0 10px 0;}
/* spum */
.x-tree-node-anchor span{ font-size:13px;}

#r_moteur form.recherche{ width:100%; height:auto; margin:0; padding:0;}
.recherche fieldset{ width:90%; height:auto; margin:0; padding:0; border:none;}

.recherche fieldset legend{margin:10px 0 15px 0px; display:block; width:200px; height:20px; color:#c3ec1d; font-weight:bold;}
.recherche fieldset p{ display:block; width:650px; height:30px; clear:both; margin:0;}
.recherche fieldset p label,.recherche fieldset p input, .recherche fieldset p textarea,.recherche fieldset p select,.recherche fieldset p .view_date{ float:left;}
.recherche fieldset p label{ width:160px; text-align:left;}
.recherche fieldset p input.text,#contact fieldset p textarea{ width:234px; font-size:12px; color:#333;}
.recherche fieldset p input.text_date{width:65px; font-size:12px; color:#333;}
.recherche fieldset span{width:65px; font-size:10px; color:#333;}
.recherche fieldset p textarea{height:60px; width:240px;}
.recherche fieldset p.text_area{ display:block; width:650px; height:auto; clear:both; margin:0 0 7px 0; }
.view_date{width:24px; width:24px; padding:0; margin:0 0 0 10px; display:block; cursor:pointer;}
#myloading{ width:400px; height:400px;}
/*#ext-gen5{border:none;}*/

.desc_doc{ width:640px; height:auto; padding:0; margin:10px 0; clear:both;}
.desc_doc .desc_title{ width:520px; height:15px; padding:5px 0; text-align:left; font-size:13px; font-size:weight; color:#00941e;
 margin:0 0 17px 0;
 border-bottom:1px solid #bbe900; }
.desc_doc p{display:block; width:90%; height:auto; font-size:13px; color:#999; margin:0 0 20px 0;}
p.msg_error{ width:auto; height:auto; margin:10px 0 0 0; color:#c3ec1d; font-weight:bold; }
/* tool tip*/
/*#tool_tip{ width:300px; height:auto; padding:0 10px 10px 10px; display:none;}
#tool_tip .tool_header{ width:300px; height:10px; padding:5px 0; text-align:left; font-size:13px; font-size:weight; color:#00941e; margin:0 0 17px 0;}
#tool_tip #tool_content{ width:300px; height:auto; font-size:12px;}
#tool_content p{ display:block; width:300px; height:auto; font-size:12px; color:#0000; margin:0 0 29px 0;}*/