/*________ RECAP DES COULEURS _____________*/
/* 
*/

/*_____________ GENERAL _____________*/
html,body{
  font-family:Arial, Helvetica, sans-serif;  
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  font-size : 12px;
  line-height : 1.2;
  text-align:center;
  color: #ffffff;
}

div,p,form,table,ul,li,ol {
    margin:0px;
    padding:0px;
    font-size : 12px;
    font-family:Arial,Helvetica,sans-serif;
    color:#ffffff;
}

img {
 border : 0px;
}

li {
    list-style-position:inside;
}

/*_________ BLOC PRINCIPAUX _____________*/

.clear_left {
    clear:left;
}
.clear_both{
    clear:both;
}

.float_left {
    float:left;
    margin-left : 10px;
}

#copyright{
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}

/*___________ TABLEAU _____________*/

table {
    color : #3c2b2c;
    border : 1px solid #3c2b2c;
    border-spacing: 0px;
    
}

th , .tri{
    background-color:#6f696b;
    color : #ffffff;
    font-weight : bold;
    font-size : 12px;
    padding : 2px;
    text-align:center;
    text-decoration:none;
    margin:0px;
    height : 20px;
}
td {
    background-color:#ffffff;
    color : #3c2b2c;
    margin:0px;
    padding:2px;
}

th, td {
border:1px solid black;
}


/*___________ PUCES _____________*/
ul {
    /*list-style-image : url(/images/titres/puce_verte.png);*/
	color:#000;
}

#contenu_principal ul{
    list-style-position : inside;
    line-height : 1.2;
}

#contenu_principal ol{
    list-style-position : inside;
}


ol {
    color : #b34b73;
    font-weight:bold;
}


/*___________ POLICES _____________*/
h1,h2,h3,h4 {
    margin:0px;
}

h1 {
    color : #a6a2a3;
    /*font-weight : bold;*/
	font-family:Arial;
    font-size : 36px;
    text-transform : uppercase;
    letter-spacing:0.4px; 
}

h2 {
    margin:0px;
    height : 24px;
    /*width : 300px;*/
    color : #63958a;
    font-size : 16px;
    margin-bottom : 5px;
}


h3 {
	color:#63958a;
    padding : 10px;
    font-size:14px;
    font-weight : bold;
    text-transform : uppercase;
}   

.tri{
    display:list-item;
    list-style-position:inside;
     list-style-image : url(/images/tri.png);
}

.triasc{
    display:list-item;
    list-style-position:inside;
     list-style-image : url(/images/triasc.png);
}

.tridesc{
    display:list-item;
    list-style-position:inside;
     list-style-image : url(/images/tridesc.png);
}

hr {
    border : 1px solid #681139;
    margin:20px;
}

.erreur {
    margin-top:5px;
    margin-bottom : 10px;
    color : red;
    font-weight : bold;
}

.petit_blanc {
    font-size :11px;
    color : #ffffff;
}

.petit {
font-size :12px;
}


.bold {
    font-weight : bold;
}

.citation {
    font-style: italic;
}

.noir {
    color : #000000;
    font-weight : normal;
}

.big {
    font-size : 16px;
}

.gris {
color:#A6A2A3;	
}

/*___________ LIENS_____________*/
a, a:visited {
    color : #ffffff;
    text-decoration:underline;
}

a:hover {
    color : #a6a2a3;
    text-decoration:underline;
}

/*___________ FORMULAIRES _____________*/
#form label{
  font-size:16px;
  font-weight:bold;
  color:#ffffff;
  width:125px;
  cursor:pointer;
  display: inline;
  float: left;    
  margin:1px;
}

input,select,textarea  {
    border : 1px solid #681139;
    margin:1px;
}

input[type=submit] , input[type=button]{
    background-color:#a6a2a3;
    border : 1px solid #918f90;
    color : #3d3d3f;
    padding : 2px;
    text-align:center;
    cursor:pointer; 
}

input[type=submit]:hover, input[type=button]:hover {
    border-left: 1px dotted #11A839;
    border-right: 1px dotted #11A839;
    color : #11A839;
    cursor : pointer;
}

button {
    background-color:transparent;
    border:none;
    cursor : pointer;
}

#container {
      width: 980px;
      margin: 0px;
      margin-left: auto;
      margin-right: auto;
      padding: 0px;
      text-align: left;
      }

#header {
      background-image: url(/images/header.jpg); 
      background-repeat:no-repeat; 
      height: 85px;
      }

#logo {
      float: left;
	  margin-top:15px;
      width: 262px;
      }
	  
#pro {padding-top: 5px; 
      color: #c4de30; 
      white-space: nowrap; 
      line-height: 35px; 
      text-align: right; 
      padding-right:10px;
      }
	  
#pub {
	float:right;
	padding-right:10px;
	margin-top:10px;
	}

.acces {
      float: right; 
      margin-right: 8px;
      }




#backgroundmenu {
	width: 970px;
	height:30px;
	background-image:url(/images/backgroundmenu.jpg);
	background-repeat: repeat-x;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	}
	
.div_menu{
/*	width:111px;*/
	height:23px;
	float: left;
	text-align: center;
	background: url(/images/bouton.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:7px;
	padding-left:27px;
	padding-right:27px;
	}
	
.div_menu:hover {
	height:23px;
	float:left;
	text-align:center;
	background:transparent url(/images/boutonhover.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

.menu_login{
height:23px;
        float: right;
        text-align: center;
        padding-top:3px;
        padding-right:7px;
}

.menu_login label{
font-size:12px;
display:inline;
width:50px;
color:#ffffff;
}

.menu_login button{
cursor:pointer;
background-color:#A6A2A3;
color:#ffffff;
border:1px solid black;
}

/*************************** NAV **********************/

	#navigation {
      float:left;
      width:746px;
      margin-left: 2px;
      background:transparent;
      font-size: 12px;
      line-height:normal;
      z-index: 2;
      background-position: bottom;
      }
    #navigation ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #navigation li {
      float:left;
      background:url("/images/button_left.gif") no-repeat left top;
      margin-right: 2px;
      padding:0 0 0 4px;
      border-bottom:1px solid #a1a1a1;
      display:block;
      }
    #navigation a {
      float:left;
      display:block;
      white-space: nowrap;
      width:.1em;
      background:url("/images/button_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#666;
      }
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover {
      color:#666;
      }
    #navigation #courrant {
      background-position:0 -100px;
      border-width: 0;
      }
    #navigation #courrant a {
      background-position:100% -100px;
      padding-bottom:5px;
      color:#000;
      }
    #navigation li:hover, #navigation li:hover a {
      background-position:0% -100px;
      color:#000;
      }
    #navigation li:hover a {
      background-position:100% -100px;
      color:#000;
      }
    #out {margin-left: 100px;}
    #navigation #outcurrent  {
      margin-left: 100px; 
      background-position:0 -100px;
      border-width: 0;
      }
      #navigation #outcurrent a {
      background-position:100% -100px;
      padding-bottom:5px;
      color:#000;
}  
      
/*********************************************************** Content*****************************************************/

#navbg {
      background-image: url(/images/header.gif); 
      background-repeat: no-repeat; 
      background-position: bottom; 
      height: 18px;
      }
.focus { 
      background-image: url(/images/bg.gif); 
      background-repeat: repeat-y; 
      clear:both; 
      padding: 10px;   
      }
.focus-flash { 
      background-image: url(/images/bg.gif); 
      background-repeat: repeat-y; 
      clear:both; 
      padding-left: 1px;  
      }
#flashcontent {height: 300px;}
#flashcontent2 {height: 190px;}
#flashcontent3 {height: 1100px;}

.focusfoot {
      background-image: url(/images/footer.gif); 
      background-repeat: no-repeat; 
      background-position: top; 
      height: 5px; 
      margin-bottom: 10px;
      }

.footeroffre {
      background-image: url(/images/footer_offre.gif); 
      background-repeat: no-repeat; 
      background-position: top; height: 5px; 
      margin-bottom: 10px; 
      clear: both;
      }
#footer {
      background-image: url(/images/bg_footer.gif); 
      background-repeat: repeat-x; 
      border-left: 1px solid #d5d5d5; 
      border-right: 1px solid #d5d5d5; 
      padding: 10px; 
      clear: both; 
      height: 100%; 
      clear: both;
      }
#row {height: 14em;}
        #row .col1 { float: left; width: 170px; }
        #row .col2 { float: right; width: 170px; }
        #row .col3 { float: right; width: 170px; }
        #row .col4 { width: 170px; float: right;}
        .col1, .col2, .col3, .col4{ height: 100%; border: none; color: #000; padding: 5px;font-size: 10px;}
        .col1, .col3, .col4 {background-image: url(/images/bg_rows.gif); background-repeat: repeat-y;}

.titlerow {
      background-image: url(/images/flech2.gif); 
      background-repeat: no-repeat; 
      background-position: bottom left;
      font-weight: bold; 
      padding-left: 10px;
      }

.rowcontent {
      padding: 10px; 
      line-height: 16px;
      } 
.rowcontentlist {
      padding: 10px; 
      line-height: 12px;
      }    
      
#headfooter {
      background-image: url(/images/footer_gris.gif); 
      background-repeat: no-repeat; 
      background-position: bottom; 
      height: 5px;
      }
#footerfoot {
      background-image: url(/images/backgroundmenu.jpg); 
      background-repeat: no-repeat; 
      background-position: top; 
      height: 30px; 
      clear: both;
      }
#actu {
      padding-left: 8px;
      width: 170px; 
      height: 150px; 
      overflow: auto;
      } 
#logofooter {float: left; margin-left:5px; width: 120px;}
#copyright {
      float: right; 
      margin-right: 8px; 
      color: #ffffff; 
      margin-top: 7px; 
      font-size: 9px; 
      text-align: right;  
      background-repeat: no-repeat; 
      background-position: bottom left;
      } 
#copyright a {color:#ffffff; text-decoration: none;}
#copyright a:hover {color:#FFF; text-decoration: none;}
#clear {clear: both;}
.clear {clear: both;}

/********************************************** Contact ***************************************/

.focus_contact { 
      background-image: url(/images/bg_contact.gif); 
      background-repeat: no-repeat; 
      background-position: top right; 
      clear:both; 
      padding: 0px;   
      }
.mail {
      background-image: url(/images/icon_email.gif); 
      background-repeat: no-repeat; 
      background-position: 0 0; 
      font-size: 13px; 
      font-weight: bold; 
      color: #99a93e; 
      padding-left: 18px;
      }
.phone {
      background-image: url(/images/icon_phone.gif); 
      background-repeat: no-repeat; 
      background-position: 0 0; 
      font-size: 13px; 
      font-weight: bold; 
      color: #99a93e; 
      padding-left: 18px;
      }
.h1 {
      font-size: 17px; 
      color: #333 ; 
      font-weight: bold;
      }
.marge {margin-left: 15px;}

#contactform {width:720px;}
#contactform .focus {
      background: url(/images/bg_field.gif);
      background-repeat: no-repeat; 
      color: black; 
      clear: both; 
      padding:2px; 
      border: 1px solid #fff;
      }
      
#contactform input {
			width:220px; 
			background: url(/images/bg_field.gif);
			background-repeat: no-repeat;
			}
			
#validform input {width:96px;}

#validform { 
			float: right; 
			width: 150px; 
			margin-top: -200px;
			}
			
#validform2 input {width:96px;}

#validform2 { 
			float: right; 
			width: 450px; 
			margin-top: 15px;
			}
			
#contactform .normal {
			background: url(/images/bg_field.gif);
			background-repeat: no-repeat; 
			padding:2px;
			}
			
.info {float: right;}

.textarea {
			font-size: 12px; 
			border: 1px solid #dbf63e; 
			margin-bottom: 8px; 
			height: 205px;
			}
			
.select {
			font-size: 12px; 
			border: 1px solid #000000; 
			margin-bottom: 4px;
			}
			
.label { 
			width: 120px; 
			float: left;
			padding:0px;
			margin-top:1px;
			margin-bottom:2px; 
			font-family: Arial, Sans-Serif;
			font-size: 12px;
			color: #FFFFFF;
			}
			
.label2{ 
			width: 120px; 
			float: left;
			padding:0px;
			margin-top:1px;
			margin-bottom:2px; 
			font-family: Arial, Sans-Serif;
			font-size: 12px;
			color: #FFFFFF;
			}
			
.titlechamps {
			font-size: 12px; 
			color: #000; 
			font-weight:bold; 
			width: 220px; 
			float: left; 
			clear: both;
			}
			
.alert {font-size: 11px; color: red; font-weight:bold;}

#formgauche {
			width: 200px; 
			float: left; 
			clear:both; 
			padding-left:15px;
			}
			
#formgauche input {
			border: 1px solid #000000; 
			padding: 2px;
			}
			
#formdroite {
			width: 450px; 
			float: right; 
			}
			
#formgauche droite {
			border: 2px solid #000000;
			}
			
#formgauche2 {
			float: left; 
			padding-left:15px;
			}
			
#formgauche2 input {
			border: 1px solid #000000; 
			padding: 2px;
			}
			
#formgauche2 select {
			border: 1px solid #000000; 
			padding: 2px;
			font-size: 12px;
			}
			
#bigmerci {
			font-size: 17px; 
			color: #02b102 ; 
			font-weight: bold; 
			padding-left: 23px; 
			padding-top: 20px;
			height: 40px; 
			width: 700px; 
			border: 1px solid #98e659; 
			background-color: #e4f8d2;
			}

/****************************************** Offres ***************************/

#rowoffres {}
        #rowoffres .offrescol1 { float: left; width: 242px; }
        #rowoffres .offrescol2 { float: right; width: 242px;}
        #rowoffres .offrescol3 { float: right; width: 242px;}
        
        .offrescol1, .offresol2, .offrescol3, { height: 100%; border: none; color: #000; padding: 0px;/*font-size: 10px*/;}
        
        .offrescol1, .offrescol3 {background-image: url(/images/bg_rows2.gif); background-repeat: repeat-y;}
        
.titleoffres {
        background-image: url(/images/puce2.gif); 
        background-repeat: no-repeat; 
        background-position: 0px 0px; 
        /*font-size: 12px*/;
        font-weight: bold; 
        padding-top: 3px; 
        padding-bottom: 3px; 
        padding-left: 20px; 
        color: #000;
        }
        
#rowoffres img {float: left; margin-right: 4px;}

.offrescontent {padding: 5px;/* font-size: 11px;*/}   

.offrescontent_active {
				background-color: #d0da97; 
				padding: 5px; 
				/*font-size: 11px;*/
				}  

#rowoffres2 {}
        #rowoffres2 .offrescol1 { float: left; width: 242px; }
        #rowoffres2 .offrescol2 { float: right; width: 242px;}
        #rowoffres2 .offrescol3 { float: right; width: 242px;}
        
        .offrescol1, .offresol2, .offrescol3, { height: 100%; border: none; color: #000; padding: 0px;/*font-size: 10px*/;}
        
        .offrescol1, .offrescol3 {background-image: url(/images/bg_rows2.gif); background-repeat: repeat-y;}
        
.titleoffres2 {
				background-image: url(/images/flechefd2.gif); 
				background-repeat: no-repeat; 
				background-position: 0px 0px; 
				/*font-size: 12px*/;
				font-weight: bold; 
				padding-top: 3px; 
				padding-bottom: 3px; 
				padding-left: 20px; 
				color: #000;
				}
				
#rowoffres2 img {float: left; margin-right: 4px;}

.offrescontent {padding: 5px;/* font-size: 11px;*/}   

.offrescontent_active {background-color: #d0da97; padding: 5px; /*font-size: 11px;*/}  

#rowoffres3 {}
        #rowoffres3 .offrescol1 { float: left; width: 242px; }
        #rowoffres3 .offrescol2 { float: right; width: 242px;}
        #rowoffres3 .offrescol3 { float: right; width: 242px;}
        
        .offrescol1, .offresol2, .offrescol3, { height: 100%; border: none; color: #000; padding: 0px;/*font-size: 10px*/;}
        
        .offrescol1, .offrescol3 {background-image: url(/images/bg_rows2.gif); background-repeat: repeat-y;}
        
.titleoffres3 {
				background-image: url(/images/flechefd1.gif); 
				background-repeat: no-repeat; 
				background-position: 0px 0px; 
				/*font-size: 12px*/;
				font-weight: bold; 
				padding-top: 0px; 
				padding-bottom: 0px; 
				padding-left: 20px; 
				color: #000;}
				
#rowoffres3 img {float: left; margin-right: 4px;}

.offrescontent {padding: 5px;/* font-size: 11px;*/}   

.offrescontent_active {background-color: #d0da97; padding: 5px; /*font-size: 11px;*/}  

#moreoffre1 {background-color: #d0da97; padding: 5px; }

#rowoffres4 {}
        #rowoffres4 .offrescol1 { float: left; width: 242px; }
        #rowoffres4 .offrescol2 { float: right; width: 242px;}
        #rowoffres4 .offrescol3 { float: right; width: 242px;}
        
        .offrescol1, .offresol2, .offrescol3, { height: 100%; border: none; color: #000; padding: 0px;/*font-size: 10px*/;}
        
        .offrescol1, .offrescol3 {background-image: url(/images/bg_rows2.gif); background-repeat: repeat-y;}
        
.titleoffres4 {
				background-image: url(/images/flechefd3.gif); 
				background-repeat: no-repeat; 
				background-position: 0px 0px; 
				/*font-size: 12px*/;
				font-weight: bold; 
				padding-top: 3px; 
				padding-bottom: 3px; 
				padding-left: 20px; 
				color: #000;
				}
				
#rowoffres4 img {float: left; margin-right: 4px;}

.offrescontent {padding: 5px;/* font-size: 11px;*/}   

.offrescontent_active {background-color: #d0da97; padding: 5px; /*font-size: 11px;*/}  

.erreur {font-size: 12px; color: red ; font-weight: bold;padding-left: 15px;padding-top:5px;  }

.ligne_vert_pale {background-color: #000000;}

.ligne_vert_fonce {background-color: #000000;}

.bold{font-weight: bold;}

#fond_degrade_vert {
			background: url(/images/fond_degrade_vert.jpg);
			background-repeat: repeat-y; 
			padding:0px; 
			width:785px;
			padding:0px;
			}

#fond_degrade {
    	background: url(/images/background.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
    	padding:10px;
		padding-bottom:20px;
    	width:958px;
    	font-family: Arial, Sans-Serif;
    	font-size: 12px;
  }
  


#fond_degrade_vert_admin a:hover {color: #ffffff; text-decoration: none;}

#fond_degrade_vert_admin input {border: 1px solid #000000; padding: 2px;}

#fond_degrade_vert_admin input.picture {border: 0px;}

#fond_degrade_vert_admin select {border: 1px solid #000000; padding: 2px;font-size: 12px;}

#zonedetail{
    background: url(/images/fond_degrade_vert.jpg);
    /*background-color:#ffffff; */
    margin-left : 20px;
    padding-left:10px;
    padding-right:10px;
    width:600px;
    max-height: 250px;
    overflow:auto;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
  }
  
a.menu { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: white; text-decoration: none;}

a.lien_blanc {color: black; text-decoration: none;}

a.lien_blanc:hover {color: #ffffff; text-decoration: underline;}

a.test {color: red; text-decoration: none;}

.colonne_gauche {float: left; padding-left:15px;}

.marginTop {margin-top: 10px}

.marginTopHigh {margin-top: 25px}

.boldRight {font-weight:bold; text-align: center;}

ul.simpleList li{
				margin-top: 8px; 
				list-style-type: none; 
				background-image: url(/images/flech2.gif); 
				background-repeat: no-repeat; 
				background-position: 0px 4px; 
				padding-left: 18px;
				}
				
ul {
	color:#FFFFFF;
	list-style-type: none; 
	}
	
li {
	color:#FFFFFF;
	list-style-type: none; 
	}
/*ul.simpleList li:hover{
				
				background: #cbe346 url(/images/flech2.gif); 
				background-repeat: no-repeat; 
				background-position: 0px 4px; 
				
				}*/


.vidTab {font-size: 12px;}
.vidTab td{padding: 3px 3px 0px 3px; height: 25px; border-bottom: 1px solid #FFFFFF;}
.vidTab td.tabheader{background: #ccc url(/images/bg_tab.gif) repeat-x top left;}
.vidTabInfos {background-color:#000000;}
.vidTabInfos td.light {background-color:#000000;}

table.vidTab form#vidTabForms select{font-size:9px; border: 1px solid #dedede; background: #ecf0d8; width: 90px;}

.centerMe {margin-right: auto; margin-left: auto; color:#FFFFFF; text-align:center;}

/* progress bar */

.progress {font:18px Arial;}

.data {background-color:#b3b3b3; border:1px solid #898989; width:40%;}

.data tr td {background-color:#dddddd; font:13px Arial; width:35%;}

.bar2 {background-color:#000099; position:relative; text-align:left; height:20px; width:0%;}

/* FAQ */

.faqdetail { text-align:left;}

.DHTMLSuite_invalidInputImage {
background-image:url(/images/form-validator/incorrect.gif);
}

.DHTMLSuite_validationBarInvalid {
background-color:#000000;
}

.DHTMLSuite_validationBar {
width:3px;
}

.DHTMLSuite_validationImage{
background-position:center;
background-repeat:no-repeat;
height:10px;
width:10px;
}

a.boite {
color:#FFFFFF;
text-decoration:underline;
font-size:11px;
}

a.boite:hover {color: white; text-decoration: none;}


#boite {
background:transparent url(/images/boite.gif) no-repeat scroll 0%;
color:#FFFFFF;
height:100px;
margin-left:5px;
margin-right:5px;
padding-top:10px;
text-align:center;
width:150px;
}

input.picture {
	background: url(/images/btn_bg.gif) no-repeat;
	width: 109px;
	height: 22px;
	color: white;
	font-weight: bold;
	font-size: 13px;
	border: 0px;
}

#user {text-align: right; width: 350px; height: 20px; float: right; color: #ccc; margin-right: 4px;}

.bold {font-weight: bold;}
.white {color: white;}

#identification{
display:inline;
}

.form_ajout_doc {
	text-align : left;
}

.form_ajout_doc label{
width:130px;
  float: left;    
  margin:1px;
}

.stat_msg{
color:#ffffff;
background-color:green;
}

.stat_err{
color:#ffffff;
background-color:red;
}

.stat_trait{
color:#ffffff;
background-color:blue;
}

.stat_alert{
color:#ffffff;
background-color:orange;
}

.vdos_detail{
width:210px;
margin-right : 10px;
margin-left:10px;
margin-bottom : 25px;
float:left;

}

.box_image {
	text-align:center;
	height : 100px;
	width : 210px;
	background-color : #000000;
}

.box_contenu {
text-align:left;
margin:5px;
float:left;
width:210px;
}

.box_contenu ul {
	height : 130px;
}


.miniature_video_liste {
	height:100px;
	max-width:150px;
}

.box_contenu_detail {
text-align:left;
margin:5px;
float:left;
width:300px;
}

a.download{
color : #61cc0b;	
}

a.download:hover{
 	color : #61cc0b;
	text-decoration:underline;
}

a.supprim:hover{
 	color : #ee0409;
	text-decoration:underline;
}

a.supprim{
	color : #ee0409;
}

/****sous_menu*********/
#box_sous_menu li{
display:inline;
margin-left:10px;
margin-right:10px;
font-weight:bold;
}

table.scrollable th:last-child, table.scrollable td:last-child {
	padding-right:17px;
}
table.scrollable tbody {
	overflow-y:auto;
	overflow-x:hidden;
}