/*
Ce document est la propriété de la société Géometrie Variable
5 PAT Le Millénaire
1350 avenue Albert Einstein
34000 Montpellier
--
Développée par Ghyslain ARMAND et CARON Tony
Société Release - Octobre 2005
--
 */
 html{
         background-color: #ffffff;
 }
body {
        margin: 0;
        padding: 0;
        text-align: center;
        /* firefox 1.5 bug ? damned*/
        /*background: #FFF url(../images/bg-body.gif) bottom repeat-x;*/
        font: 11px/17px Tahoma;
        
}
img{
        border: 0;
}
hr{
        display: none;
}
#test {
        margin: 0 auto;
        width: 1050px;
                position: relative;
                        text-align: center;
         background-color: #ffffff;
                 display: block;
        clear: both;

}
#container {
        margin: 0 auto;
        width: 950px;
        /*text-align: center;*/
        position: relative;
        display: block;
        clear: both;
        /*background-color: #ffffff;*/
}
#header{
        position: relative;
        /*background: url(../images/head-top.gif) no-repeat center;*/
        margin: 0 auto;
        width: 777px;
        height: 112px;
        cursor:pointer;
        background-color: #FFFFFF;
}
#header-bottom{

        position: relative;
       background: url(../images/puzzle.gif) no-repeat 126px 0px;
        margin: 0 auto;
        width: 949px;
        height: 289px;
        xbackground-color:#FF0000;

}


#header-bottom-contact{
        position: relative;
        background: url(../images/contact.jpg) no-repeat center;
        margin: 0 auto;
        width: 949px;
        height: 291px;

}


#content {
        float: left;
        margin: 0 auto;
        margin-top:60px;
        margin-left:30px;
        width: 580px;
        height: 202px;
        padding:0px;
        background-color: #FFFFFF;
        /*background: url(../images/bg-content.jpg) left top no-repeat;*/


}


#guidage{

        margin-bottom: 0px;
        float: right;
        margin-left:183px;
        margin-top:19px;
        display:inline;

        font-size: 12px;
        margin-right: 0px;
        /*padding-right:120px;  76 initial*/
        font-size: 11px;

}
#guidage a{

        color: #C2C2C2;
        background: #FFFFFF;
        text-decoration: none;
        border: solid 2px #FFFFFF;
}
#guidage a:hover{
                color: white;
        background: #086eb6;
        text-decoration: none;
        border: solid 2px #086eb6;
}
#guidage span.active{
        color: #CACACA;

        background: #fff;
        text-decoration: none;
        border: solid 2px #fff;
}
/*  ----------------   fin guidage ---------------- */


.navigation{
       position: relative;
        float: left;
        width: 200px;
        /*padding-top: 25px;*/
        /*margin-left: -31px;*/
        margin-left: -45px;
        text-align: center;
        background: #FFFFFF;

}
.navigation ul{
        margin: 0 0 0 0px;
        padding: 0 0 0 0;
}
.navigation li{
        list-style: none;
}
.navigation a.level2{
        display: block;

        color: #016db6;
        text-decoration: none;
        font-weight: normal;
        display:inline;
        line-height:22px;
                text-align: center;
}
.navigation a.level2:hover{
        /*background-color: #086eb6;*/
        font-size: 11px;
        margin: 4px 0px 0 0;
        color: #9CBC08;
        border-bottom: solid 1px #9CBC08;
        border-top: solid 1px #9CBC08;
        font-weight: bolder;
        text-align: center;

}

.navigation a.level1{
/*   width: 145px;*/
        display: block;

        color: #ffffff;
        text-decoration: none;
        /*border: solid 3px;
        border-color: #ffffff;*/
        height: 21px;
        /*background-color: #ffffff;
        font-weight: bolder;*/
}
.test:hover{
       /* background-color: #9CBC08;*/
        font-size: 11px;

        color: #FFFFFF;
       /* border: solid 3px;
        border-color: #9CBC08;*/
        height: 21px;
        text-decoration: none;  font-weight: bolder;
      
}
.navigation a.active2 {
color: #9CBC08;
        border-bottom: solid 1px #9CBC08;
        border-top: solid 1px #9CBC08;
        text-decoration: none;
font-weight: bolder;
        font-size: 12px;
        margin: 4px 0px 0 0;

}
.navigation a.active, a.active:hover{
        /*background-color: #9CBC08;*/
        font-size: 11px;

       /* height: 50px;*/
        color: #ffffff;
        /*background: url(../images/milieu.jpg) repeat-x top;*/
        /*border: solid 3px;*/
        /*border-color: #9CBC08;*/
        /*height: 18px;*/
        text-decoration: none;
        font-weight: bolder;
}


#navigation-right{
        position: relative;
        float: right;
        width: 188px;
        padding-top: -10px;
        padding-right: 10px;
        line-height: 15px;
}
.central{
        /*width: 608px;*/
        position: relative;
        text-align:left
        /*margin-left: 120px;*/
}
.central .subcontent{
        text-align: justify;
        /*width: 550px;*/
        display: block;
        /*margin-top: 0px;*/
        color: #484848;
        margin: 50px 13px;
}
.subcontent p.titre{
background-color: #e7f0f7;
color : #016DB6;  
}

.subcontent h1{
        font-size: 11px;
        font-weight: bolder;
        color: #202020;
        margin: 15px 0px;
}
.subcontent h2{
        font-size: 11px;
        font-weight: bolder;
        color: #333333;
        margin: 15px 0 10px 0px;
}
.subcontent h3{
        font-size: 11px;
        font-weight: bolder;
        color: #818181;
        margin: 20px 0px;
}
.subcontent h4{
        font-size: 10px;
        font-weight: bolder;
        color: #818181;
        margin: 20px 0px;
}
.subcontent ul{
        padding: 0 0 0 10px;
        margin: 0;
}
.subcontent li{
        background: url(../images/list.gif) no-repeat 0 7px;
        padding: 5px 0 0 15px;
        list-style: none;
        /*line-height: 13px;*/
}
.subcontent p{
        /*margin: 13px 13px;*/
}
.subcontent a{
        color: #016DB6;
        font-weight: normal;
        font-size: 11px;
        text-decoration: none;
        border-bottom: 1px solid #016DB6;
}
.subcontent a:hover{
        color: #9CBC08;
        /*background-color: #9CBC08;*/
        font-weight: bolder;
        font-size: 11px;
        text-decoration: none;
        border-bottom: 1px solid #9CBC08;
}
.subcontent a.pdf{
        background: url(../images/document-pdf.gif) no-repeat 0 7px;
        padding: 6px 0 0 29px;
        text-decoration: none;
        border: 0;
        margin: 5px 0 5px 0px;
        font-size: 10px;
}
.subcontent a.pdf:hover{
        /*padding: 5px 0 0 24px;*/
        text-decoration: none;
        border: 0;
        color: #D21A1A; /*background-color: #00AEEF;*/
}
table{
        border: 0;
        background-color: #FFFFFF;
        width: 100%;
}
.ligne2{
        background-color: #F0F0F0;
}
.ligne1{
        background-color: White;
}
tr:hover{
        color: #086eb6;
}
th{
        background-color: #F3F3F3;
        text-align: left;
        color: #404040;
}
.intro{
        background-color: #e7f0f7;
        border: solid 4px;
        border-color: #e7f0f7;
        color: #016DB6;
}
.intro p{
        margin: 10px 10px;
}
.cut-news{
        margin: 5px 0 0 -6px;
        background: url(../images/cut-news.jpg) no-repeat;
        height: 22px;
}
.news{
/*        border: dotted 1px #333333;*/
/*background: #F4F4F4;*/
        padding-bottom: 10px;
        border-bottom: solid 1px #F4F4F4;
}
.news h3{
        margin: 0 0 0 0;
}
.nouvelles{
        padding: 0 0 0 17px;
        background: url(../images/news.gif) no-repeat;
        height: 15px;
}
.date{
        font-size: 10px;
        color: #CACACA;
        font-weight: normal;
        text-align: right;
        margin-left: 10px;
}
.archives{
        float: right;
}
span.renforce{
        color: #11C6FF;
}


#footer{
        margin: 30px 0 0 0;
          padding: 0 0 0 10px;
        height: 150px;
        /*border-top: solid 1px #016DB6;*/
        width: 550px;
        display: block;
        clear: both;
        text-align: center;
        color: #016DB6;
}
#footer p{
    border-top: solid 1px #016DB6;
        text-align: center;color: #016DB6;
}
#footer a{
        text-align: center;
        color: #016DB6;
        text-decoration:none;
}
#footer a:hover{
        text-align: center;
        color: #9CBC08;
        font-weight : bold;
        text-decoration:none;
        border-bottom: solid 1px #9CBC08;
}





/*formulaire contact */
.formbox {
font-size : 10px;
margin-top: 0px;
float: left;
width: 554px;
padding-top: 20px;
padding-right: 50px;
}

.formbox span.required {
font-size: 11px;
display : block;
padding : 5px;
/*border-bottom : 1px solid #016DB6;*/
background-color: #e7f0f7;
color : #016DB6;
}


.formbox span.optional {
color : #016DB6;
display : block;
padding : 5px;
border-bottom : 1px solid #F7F7F7;
background-color: #fff;
}
.formbox span.erreur {
display : block;
padding : 5px;
border-bottom : 1px solid #F7F7F7;
background : #F7F7F7;
color : red;
}

.formbox span.hidden {
display : none;
}

.formbox span.submit {
display : block;
text-align : right;
padding : 5px 6px 0 0;
color : #4D4D4D;
/*border-bottom : 1px none #4D4D4D;*/
}

.formbox span label {
text-align : left;
font-size : 10px;
font-weight : normal;
/*padding : 4px 20px 4px 4px;*/
padding-left:4px;
padding-top:4px;
padding-bottom:2px;
padding-right:20px;
display : block;
width : 170px;
float : left;
/*background: white;*/
}


.formbuttonbold {
font-weight : bold;
font-size : 10px;
color: #4D4D4D;
font-family : verdana, arial, sans-serif;
padding : 0 5px 0 5px;
border : 1px solid #838383;
margin-right: 132px;
background-color : #FFFFFF;
text-align : center;
height: 19px;
}

.formbuttonboldupload {
font-weight : bold;
font-size : 10px;
color: #4D4D4D;
font-family : verdana, arial, sans-serif;
padding : 0 5px 0 5px;
border : 1px solid #838383;
margin-right: 10px;
background-color : #FFFFFF;
text-align : center;
height: 19px;
}


.box {
font-size : 10px;
font-family : verdana, arial, sans-serif;
height: 16px;
width : 250px;
color:#4D4D4D;
background-color: #FFFFFF;


}


.boxbig {
font-size : 10px;
color:#4D4D4D;
font-family : verdana, arial, sans-serif;
width : 250px;
height : 150px;
background-color: #FFFFFF;
}

.boxfichier {
font-size : 10px;
font-family : verdana, arial, sans-serif;
height: 20px;
color:#4D4D4D;
}

.formbox input,textarea{
        border-top: solid 1px #8B8B8B;
        border-right: 1px solid #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
        border-left: 1px solid #D6D6D6;
}
.formbox select{
        font-size: 10px;
}
#source{
        display: block;
        float: left;
        font-size: 10px;
        font-style: italic;
        color: #AAAAAA;
        display:none;
}


/*----------------------------css de la page static offre.php---------------------------------------------*/
.line1{
	/*background: url(../images/bgbloc.jpg) repeat-x bottom left;*/
	background-color: #FEFEFE;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.line2{
	/*background: url(../images/bgbloc.jpg) repeat-x bottom left;*/
	background-color: #FEFEFE;
	/*padding-bottom: 15px;*/
	/*margin-bottom: 15px;*/
}






.ref{
	color:grey;
	margin-right:0;
	margin-left:10px;
	font-size: 10px;
	font-weight: normal;
}

.detail{
	/*background-color: green;*/
	background: #fff url(../images/bgbloc.jpg) repeat-x bottom left;
	float: left;
	display: none;
	width:550px;
}

.general{
	
	clear: both;
	float: left;
}

.general h1{
	color:#086eb6;
}

.haut_gauche{
	color:#333;
	margin:0 0 0 0;
	width:400px;
	float: left;
}

.haut_droit{
	background: url(../images/btnblocanime.gif) no-repeat 0px 0px;
	margin: 0 0 0 0;
	width: 82px;
	height: 70px;
	float: right;
	cursor: pointer;	
}

* html .haut_droit{
margin-right:15px;
}

.haut_droit img{
	float: right;	
}

.reset {
	clear : both;
}

.rss {
	width:450px; 
}

#info {
	background: transparent url(../images/information.png) no-repeat top left; 
	padding-left: 50px;
	padding-top: 6px;
}

#info_form {
	background: transparent url(../images/information.png) no-repeat top left; 
	padding-left: 50px;
	padding-top: 6px;
	background-color: #e7f0f7;
color : #016DB6; 
}

#synd {
	background: transparent url(../images/rssfeed.jpg) no-repeat top left; 
	padding-left: 30px;
	padding-top: 6px;
}