/* CSS Document */


body {
	font : normal 12px Arial, Helvetica, Verdana, sans-serif;
	color : black;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

* { 
	margin:0;
	padding : 0;
}

/********************/
/* HEADER           */
/********************/
#header {
	width: 767px;
	height: 88px;
	margin: 0 auto;
	text-align: left;
	background: url(img/bg_header.gif) left top no-repeat;
}
#header a {
	display:block;
	width: 767px;
	height: 88px;
	
}

#header span {display:none;}

/********************/
/* MENU             */
/********************/
#menu {
	width: 767px;
	height:27px;
	margin: 0 auto;
	background:#F5CA02;
	margin-top:3px;
}

#menu ul {
	float:left;
	margin: 9px 0 0 1px;
}

#menu li {
	list-style-type:none;
	display:inline;
}

#menu li a{
	float:left;
	text-transform : uppercase;
	text-decoration:none;
	color:#454545;
	font-size:10px;
	border-right:1px solid white;
	padding: 1px 13px 4px 12px;
}

#menu li.last a {border-right:0}
#menu li.active a{color:#DE4B04}

/********************/
/* CONTENU GLOBAL   */
/********************/
#global {
	width: 767px;
	margin: 0 auto;
	text-align: left;
	border-top:1px solid #C8C8C8;
	background:url(img/bg_global.gif) left top repeat-x;
}

#colonneGauche{
	position:relative;
	float:left;
	width:478px;
	padding: 0 0 20px 0;
}

#colonneGauche.accueil{
	width:396px;
}

#colonneDroite {
	float:right;
	width:288px;
	height:520px;
	background:url(img/bg_colonneDroite.jpg) left top repeat-x;
	text-align:center;
}
html>body #colonneDroite {
	min-height:520px;height:auto;
}

#colonneDroiteAccueil {
	float:right;
	width:370px;
	height:540px;
	background:url(img/bg_colonneDroite.jpg) left top repeat-x;
	border-left:1px solid #C8C8C8;
	text-align:center;
	padding-bottom : 20px;
	
}
html>body #colonneDroiteAccueil {
	min-height:540px;height:auto;
}

#colonneDroite.outil {text-align:left;}


#colonneDroiteRevendeur {
	float:right;
	width:288px;
	background:url(img/bg_colonneDroiteRevendeur.jpg) left top no-repeat;
	height:1057px;
	text-align:center;
}

#global .floatLeft {
	float:left;
}

#global .floatRight {
	float:right;
}

#global div.blocPhoto p{
	font-style : italic;
	font-size:11px;
	color:black;
	background : url(img/puce_legende.gif) 0 2px no-repeat;
	padding-left : 12px;
	line-height:11px;
}


/****************************/
/* CONTENU COLONNE GAUCHE   */
/****************************/

#blocPersonne {
	position : absolute;
	top:26px;
	left:0;
	width:110px;
	height:137px;
}


#blocPersonne div#lescot {background : url(img/bg_lescot.jpg) top left no-repeat; width:110px; height:137px;}
#blocPersonne div#catteau {background : url(img/bg_catteau.jpg) top left no-repeat; width:110px; height:137px;}
#blocPersonne div#marty {background : url(img/bg_marty.jpg) top left no-repeat; width:110px; height:137px;}
#blocPersonne div#moriliere {background : url(img/bg_moriliere.jpg) top left no-repeat; width:110px; height:137px;}

#blocPersonne p{
	font-size:10px;
	font-style:italic;
	padding:105px 0 0 5px;
}

#blocContactezNous {
	position : absolute;
	top:175px;
	left:0;
	width:110px;
	height:80px;
	background : url(img/bg_contactez_nous.gif) top left no-repeat;
	text-align:center;
}

#blocContactezNous p{
	text-transform : uppercase;
	font-size : 9px;
	font-weight:bold;
	line-height : 14px;
	margin-top:15px;
}

#blocContactezNous p span{
	font-size:12px;
	color:#DE4B04;
	
}

#contenu {
	margin: 0 0 0 132px;
	padding : 20px 0 0 0;
	width : 330px;
}

#colonneGauche.accueil  #contenu {
	margin: 0 0 0 17px;
	padding : 20px 40px 0 0;
}

#contenu h2 {
	color: #DE4B04;
	font-size:16px;
	font-weight:normal;
	text-transform : uppercase;
	margin: 20px 0 10px 0;
}
#contenu h2.noMargeTop {margin-top:0;}
#contenu h2.noMargeBottom {margin-bottom:0;}

#colonneGauche.accueil #contenu h2 {
	font-size:18px;
	margin: 0px;
}

#contenu h3 {
	color: #DE4B04;
	font-size:12px;
	font-weight:normal;
	text-transform : uppercase;
	margin: 20px 0 10px 0;
}

#contenu form h3 {
	background : url(img/puce_flecheFormulaire.gif) 0 1px no-repeat;
	padding-left: 15px;
	margin: 8px 0 8px 0;
}

#contenu p {
	margin-bottom : 12px;
}

#contenu p.chapo {
	font-style :italic;
	font-size:14px;
	margin-bottom : 18px;
}

#contenu #listeAccueil {
	margin-top: 20px;
	list-style-type:none;
}

#contenu #listeAccueil li{
	background : url(img/puce_listeAccueil.gif) 0 0 no-repeat;
	padding-left : 20px;
	font-size : 11px;
	font-weight: bold;
	text-transform : uppercase;
	margin-bottom : 12px;
}

#contenu #encart{
	width:270px;
	height:157px;
	background:url(img/bg_encart.jpg) top left no-repeat;
	margin : 30px 0 0 7px;
}

#contenu #encart A{
	text-decoration:none;
}

#contenu #encart p{
	text-transform : uppercase;
	font-size:11px;
	font-weight: bold;
	padding: 15px 0 0 50px;
}

#contenu #encart p strong{
	font-size:14px;
	color :#DE4B04;
}

#contenu blockquote {
	font-style : italic;
	margin-bottom : 10px;
	font-size:11px;
}

#contenu blockquote p{
	margin:6px 0 0 6px;
}
#contenu blockquote .rightQuote {margin-bottom : -4px;}

#contenu dt {
	background : url(img/puce_fleche.gif) 0 1px no-repeat;
	font-size:11px;
	font-weight:bold;
	padding-left: 20px;
	text-transform : uppercase;
}

#contenu dd {
	margin-bottom : 10px;
	padding-left: 20px;
}

#contenu dd a{
	color:black;
}


#contenu ul.fleche{
	list-style-type:none;
}

#contenu ul.fleche li{
	background : url(img/puce_fleche.gif) 0 1px no-repeat;
	padding-left : 20px;
	margin-bottom : 12px;
}

#contenu div.blocFormulaire {
	width:330px;
	background:#FFEDBF;
	padding : 5px 0 5px 0;
}

#contenu div.blocFormulaire label{
	width:140px;
	font: normal 10px Verdana, sans-serif;
	float:left;
	margin-left:10px;
}

#contenu div.blocFormulaire input.textfield{
	width:160px;
	border:1px solid black;
	font: normal 10px Verdana, sans-serif;
	line-height:10px;
	padding:1px;
}

#contenu div.blocFormulaire textarea{
	width:160px;
	height:32px;
	border:1px solid black;
	font: normal 10px Verdana, sans-serif;
	padding:1px;
	overflow:auto;
}

#contenu div.blocFormulaire select{
	width:164px;
	border:1px solid black;
	font: normal 10px Verdana, sans-serif;
	padding:1px;
}

#contenu div.blocFormulaire p {
	margin:5px 0;
}

#contenu div.blocFormulaire h4 {
	background:#FFD158;
	display:block;
	font: bold 10px/16px Verdana, sans-serif;
	padding-left:10px;
}


#contenu #listeReglement{
	margin: 10px 0 0 10px;
	list-style-type : none;
}
#contenu #listeReglement li{
	display:block;
	margin :0 0 5px 0px;
	font: normal 10px Verdana, sans-serif;
}


#contenu #listeDelais {
	margin: 10px 0 0 10px;
	list-style-type : none;
}

#contenu #listeDelais li{
	display:inline;
	font: normal 10px Verdana, sans-serif;
	margin-right:10px;
}

#contenu #reset,
#contenu #submit {
	background : url(img/bg_boutons.gif) 0 0 no-repeat;
	width:87px;
	height:15px;
	color:white;
	border :0;
	text-transform : uppercase;
	font-weight:bold;
	font-size:10px;
	line-height : 12px;
	font-family : arial;
	margin:15px 15px 0 0;
	cursor:pointer;
}


/****************************/
/* CONTENU COLONNE DROITE   */
/****************************/

p#blocPhoto {
	font-style : italic;
	font-size:10px;
	color : #999;
}


#blocPointilles {
	width : 248px;
	margin : 20px auto 0 auto;
	text-align:left;
}

#blocPointilles h3{
	background : url(img/bg_titrePointilles.gif) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#DE4B04;
	text-transform : uppercase;
	text-align:right;
	padding-right : 15px;
	height : 18px;
	line-height:18px;
}
#blocPointilles div{
	background : url(img/bg_pointilles.gif) left bottom no-repeat;
	padding : 10px;
	font-size:12px;
}

#blocPointilles div p {
	margin-bottom : 10px;
	letter-spacing : 1px;
}

#blocPointilles div p.noLetterSpacing {letter-spacing:0;}

#blocPointilles div p span{
	font-weight : bold;
	color:#DE4B04;
}

#blocPointilles div dl {
	background : url(img/bg_pdf.gif) 0 0 no-repeat;
}

#blocPointilles div dt {
	font-size:11px;
	font-weight : bold;
	text-transform : uppercase;
	padding-left:25px;
}

#blocPointilles div a{
	color:black;
	text-decoration:none;
}
#blocPointilles div a:hover{
	text-decoration:underline;
}

#blocPointilles div dd {
	font-size:11px;
	padding-left:25px;
	margin-bottom : 10px;
}

#blocPointilles div p.fleche {
	background: url(img/puce_flecheRouge.gif) 0 4px no-repeat;
	padding-left:12px;
}

#blocPointilles div p.fleche a{
	color:#DE4B04;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

.blocActu {
	width : 285px;
	margin : 20px auto 0 auto;
	text-align:left;
}

.blocActu h3{
	background : url(img/bg_titreActu.gif) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#DE4B04;
	text-transform : uppercase;
	text-align:right;
	padding-right : 15px;
	height : 18px;
	line-height:18px;
}
.blocActu div{
	background : url(img/bg_actu.gif) left bottom no-repeat;
	padding : 10px;
	font-size:12px;
}

.blocActu div p {
	margin-bottom : 10px;
	letter-spacing : 1px;
}

.blocActu div p.noLetterSpacing {letter-spacing:0;}

.blocActu div p span{
	font-weight : bold;
	color:#DE4B04;
}

.blocActu div dl {
	background : url(img/bg_pdf.gif) 0 0 no-repeat;
}

.blocActu div dt {
	font-size:11px;
	font-weight : bold;
	text-transform : uppercase;
	padding-left:25px;
}

.blocActu div a{
	color:black;
	text-decoration:none;
}
.blocActu div a:hover{
	text-decoration:underline;
}

.blocActu div dd {
	font-size:11px;
	padding-left:25px;
	margin-bottom : 10px;
}

.blocActu div p.fleche {
	background: url(img/puce_flecheRouge.gif) 0 4px no-repeat;
	padding-left:12px;
}

.blocActu div p.fleche a{
	color:#DE4B04;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}


#planAcces {
	background: url(img/bg_planAcces.gif) top left no-repeat;
	width:248px;
	height:33px;
	text-align:left;
	margin : 20px auto 0 auto;
}

#planAcces p{
	background : url(img/puce_flecheFormulaire.gif) 0 10px no-repeat;
	padding-left: 15px;
	font-size:12px;
	font-weight:bold;
	color:#636363;
	line-height:31px;
	letter-spacing : 1px;
	margin-left:10px;
}

#planAcces p a{
	color:#636363;
}

/****************************/
/* FOOTER                   */
/****************************/
#footer {
	clear:both;
	width: 767px;
	height:20px;
	margin: 0 auto;
	text-align: center;
	background:url(img/bg_footer.gif) left top repeat-x;
	font-size:11px;
	line-height:20px;
	color : #79766F;
}


/********* Page MENTIONS *********/

#main_cgvd{
position:relative;
height:auto;
margin:10px 20px 20px 20px;
background-color:#f5f4f1;
padding-left:10px;
}

#header_cgvd{
position:relative;
width:auto;
margin-left:-10px;
margin-bottom:25px;
height:85px;
background-image: url(../../images/header_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
}


#main_cgvd h1{
position:relative;
padding:10px 5px 10px 15px;
margin-left:-10px;
font-size:21px;
color:#DE4B04;
width:740px;
height:45px;
background-image: url(../../images/bando_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
text-align:left;
font-weight:normal;
text-transform:uppercase;

}


.unArticle{
position:relative;
padding:5px;
margin:0px;
width:690px;
text-align:left;
height:auto;
}

.unArticle h2{
position:relative;
padding:10px 0 10px 0;
font-size:16px;
color:#000;
font-weight:bold;
}

.unArticle h3{
position:relative;
padding:5px 0 5px 0px;
font-size:14px;
color:#000;
font-weight:bold;
}

.unArticle p{
position:relative;
margin:0px;
padding-left:0px;
font-size:14px;
color:#000;
padding-bottom:10px;
}

.unArticle ul{
position:relative;
padding-left:30px;
font-size:12px;
color:#000;
padding-bottom:5px;
list-style:outside;
}

.unArticle a {
color:#00468c;
font-weight:bold;
text-decoration:underline;
}