html, body, p, h1, h2, h3, img {
margin : 0;
padding : 0;
border : 0;
}
html{
font-size:100%;
}
body {
font-family:"Trebuchet MS",Verdana,Tahoma,Helvetica,Sans-Serif;
font-size:0.7em;
text-align : left;
background : url('../images/background.gif') repeat-x #FFF;
}

#container{
}

/* COLORISATION */

a {color:#7d6642;}
b, strong {color:#7d6642;}
input{ 
width: 180px;
font-size:1em;
border:1px solid #62771c;
padding:0px;
}
textarea{
font-family:"Arial",Verdana,Tahoma,Helvetica,Sans-Serif;
font-size:1em;
padding:3px;
border:1px solid #62771c;	
}
.labelInput{float:left;width:100px;}
#container {
width : 860px;
min-height : 660px;
margin : 0 auto;
margin-bottom : 5px;
position : relative;
padding:0px 5px;
background : url('../images/page_background.gif') 0px 115px no-repeat ;
}
#header {
	width : 100%;
}
#header #animation{float:right;text-align:right;padding:5px;}

#navigation {
width : 100%;
}
#navigation #languages{float:left;}
#menu {float:right;}

.lavaLamp {
    position: relative;
    height: 29px; width: 541px;
    padding: 5px; margin: 0px 0;
    overflow: hidden;
}
/* Force the list to flow horizontally */
.lavaLamp li {
    float: left;
    list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
    background: url("../images/lava.gif") no-repeat right -30px;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLamp li.back .left {
    background: url("../images/lava.gif") no-repeat top left;
    height: 30px;
    margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 14px arial;
    color: #fff; 
    outline: none;
    text-align: center;
    height: 30px; top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
}

.dates{font-size:0.9em;}
#wrapper{clear:both;padding-top:0px;}
#extra{float:right;width:200px;padding:0px 5px 0px 0px;}
#content{width:630px;padding-left:5px;}

h1{text-transform: uppercase;font-size: 1.4em;margin:0;padding:3px; color:#FFf;
background : url('../images/background.gif') repeat-x #000;
}
h2{text-transform: uppercase;font-size: 1.3em;
color:#62771c;
background-color :#fff;
border-bottom: 1px dashed gray;
}
h3{font-size: 1.2em;
color:#62771c;
}

a.fleche{display:block;padding-left:400px;background : url('../images/fleche.gif') 378px 3px no-repeat;color:#62771c;}
.bloc_med_drt a.fleche {padding-left:200px;background : url('../images/fleche.gif') 178px 3px no-repeat;}
a.sombre{color:#62771c;}

a.flechette{display:block;padding-left:20px;background : url('../images/flechette.gif') 5px 3px no-repeat;color:#62771c;}

.blocbiglink p{	border:1px solid #000;margin:20px;padding:30px;text-align:center;font-size:15px;font-weight:bold;}
.blocbiglink p a.fleche{border:0px solid #000;display:inline;padding-left:25px;background : url('../images/fleche.gif') 0px 4px no-repeat;}

.bloc{float:left;width:100%;background : url('../images/background.gif') 0px -189px repeat-x #FFF;padding-bottom:5px; margin-bottom:10px;margin-top:5px;}
.bloc p{padding:5px ;}
.bloc p.p_quart{float:left;width: 20%;padding-right:15px;}
.bloc .brp_quart{clear:left;}
.bloc_med{width:48%;margin-right:5px;float:left;}
.bloc_med_drt{float:left;width:50%;margin-right:0px;position:relative;}
.blocLanceur{ border-top:2px solid #7d6642;}
.blocLanceur h3{line-height:31px;padding:5px 0px 0px 5px;}
.blocLanceur div.bLPict{float:right;padding:5px 5px 0px 0px;}
.blocLanceur div.bLDet{float:left;width:210px;padding-right:5px;}
.blocLanceur div.bLPhot{float:left;width:110px;padding-left:5px;}
.blocLanceur div.bLDesc{float:left;width:300px;}
.blocLanceur div.bLDesc a.fleche{padding-top:10px;padding-left:22px;background : url('../images/fleche.gif') 0px 12px no-repeat;}
.diapoX{width:100px;height:100px;float:left;margin:1px;padding:1px;text-align:center;background-color:#000;}
#diapoBien td img{border:1px solid #62771c;}
#actions{float:right;}
#actions a {color:#FFFFFF;font-size:10px;font-weight:bold;padding:0 3px;text-decoration:none;text-transform:uppercase;}
#actions a:hover{color:#666666;}

p.alerte{font-weight:bold;color:#FF0000;}
#content .bloc .lanceur{float:left;width:31%;padding:0px 5px;}
.lanceur h3{background-color:#62771c;padding:5px;color:#fff;font-size:1em;text-align:center;}
.lanceur h3 a{color:#FFF;text-decoration:none;}
.lanceur h3 a b{color:#FFF;}
.ariane, .ariane a{color:#666666;}
.fright {float:right;}
.fleft {float:left;}
.lanceur p a{color:#000;text-decoration:none;}
.lanceur p a:hover{text-decoration:underline;}
.diapos{height:100px;text-align:left;padding-top:4px;position:relative;}
.diaposFixe{height:100px;text-align:center;padding-top:4px;position:relative;}
.diaposIn{width:100px;margin : 0 auto;padding-left:50px;}
#zooms.bloc {background:none;}
.tab_tarifs{width : 100%;}
.tab_tarifs th, .tab_tarifs td{width : 20%;text-align:center;border:1px solid #000;}
.tab_tarifs th, .tab_tarifs td.firsttd{border:0px;}
.tab_tarifs td.firsttd{text-align: left;}
#dossiers{background:none;}
.mini_dossier{width:306px;margin-right:8px;float:left;}
.mini_dossier img{padding-right:5px;float:left}
.mini_dossier p{}
.mini_dossier p.ariane{font-size:1em}
#footer{background : url('../images/page_bottom.gif') left bottom no-repeat #FFF;height:60px;margin:0px -5px;padding:10px 0px ;text-align:center;}
#footer p {border-top:1px dotted #CCC;padding:5px;width:75%;margin : 0 auto;
position : relative;}

#access {padding-top:10px ;}
#access .bloc{background:none;padding-bottom:10px ;}
#access_col1{float:left;width:49%;}
#access_col2{float:right;width:49%;}
#access h2{border-bottom:1px dotted #CCC;color:#666666;font-size:1.1em;background-color:#ebe7e7;padding:3px;}
#access p, #access p a{color:#999;text-decoration:none;padding:5px 0px ;}
#access p a:hover{text-decoration:underline;}

#access .bloc .subbloc{width:30%;float:left;margin:0px 6px;}
#access .bloc p{}

#extra .lanceur .ariane {background-color:#FFF}
.extraBloc{margin-bottom:20px;}
#typedest {}
#typedest a{display:block;padding-top:24px;height:16px;width:200px;text-align:center;}
#typedest_1{background:url('../images/coltypes_1.gif');} 
#typedest_2{background:url('../images/coltypes_2.gif');} 
#typedest_3{background:url('../images/coltypes_3.gif');} 
#typedest_4{background:url('../images/coltypes_4.gif');} 

#typedest span{color:#62771c;background-color:#FFF; line-height:16px;padding:0px 5px;}

#alertmail img {float:left;padding:0px 5px 5px 0px}



.cssform p{
width: 440px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform .frm_select, .cssform .frm_input{ 
width: 180px;
font-size:1em;
border:1px solid #62771c;
padding:0px;
}

.cssform input[type="text"].frm_input{ 
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.threepxfix{
width: 50px;
}
#search .brhrrr {clear:left; padding-top:5px;width:100%;border-bottom:1px dashed gray;}
.rech_bloc{padding:5px 0px;}
.rech_subbloc2{
float:left;
width:48%;
padding:0px 5px;
}
.rech_subbloc2 p{
width: 190px;
padding-left: 100px; /*width of left column containing the label elements*/
}
.rech_subbloc2 label{
margin-left: -100px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.rech_subbloc2 input[type="text"], .rech_subbloc2 select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 170px;
}

#search p {clear:left;}