body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 10px 0 0 0; 
padding: 0;
background-color: #DCDCDC;
}
p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 0 10px 0;
}
a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #D90000; text-decoration: none; }
a:hover{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; }

a.small { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #D90000; text-decoration: none; }
a.small:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }


.txtnorm { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; text-align : left; font-style: normal; }
.txtnormblanc { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align : left; font-style: normal; }
.txtsmall { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #474747; }
.txtsmall a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #D90000; text-decoration: none; }
.txtsmall a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
.txtnormaj{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align : justify;
	font-style: normal;
	font-weight: bolder;

}

.txtimportant{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D90000;
	font-weight : bold;
}
.txtimportantlight{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D90000;
	font-weight : none;
}
.txtrubrique{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color : #D90000;
}

.rouge-small{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D90000;
}

.textnormsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.tbltitre { font-family: Trebushet, sans-serif; font-size: 14px; color: #FFFFFF; text-align : center; font-weight: bolder; }
.titreparagraphe { color: #D90000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D90000;
	text-decoration: none;
}

.line { font-size: 1px; color: #000000; font-style: normal;  }
/* Header TOP
----------------------------------------------- */

#pubheader {
    height: 135px;
	margin: 0 0 0 0;
    padding: 0 0 0 0;
	}

#hautheader {
    height: 37px;
	margin: 0 0 0 0;
    background: url(images/menu.jpg) left top no-repeat;
}

#hautheadertitre {

	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	color: #CCCCCC;
}
#hautheadertitre h1 {

	font-size: 10px;
	color: #CCCCCC;
	margin: 0 0 0 0;
	padding-top: 5px;
	font-weight: normal;
	text-decoration: none;
}

#hautheadertitre h1 a {

	font-size: 10px;
	color: #CCCCCC;
	margin: 0 0 0 0;
	padding-top: 5px;
	font-weight: normal;
	text-decoration: none;
}

/* Header
----------------------------------------------- */

#header {
margin: 0 0 0 0px;
padding: 0 0 0 0px;
height: 100px;
background: url(images/header-v2.jpg) left top no-repeat;
}

#headertitre {

	margin: 0 0 0 50px;
	padding: 0 0 0 0px;

}

#headertitre h1 {

	font-size: 16px;
	color: #333333;
	padding: 10px 0 0 0;
	text-decoration: none;
}

#headertitre h1 a {

	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;

}

#headertitre h2 {

	margin: 5 0 0 50px;
	padding: 5 0 0 0;
	font-size: 27px;
	color: #cccccc;
	text-decoration: none;
	font-weight: bold;
}

#headertitre h2 a:hover {

	font-weight: bold;
	font-size: 27px;
	color: #cccccc;
	text-decoration: none;
}

#headertitre h2 a {

	font-weight: bold;
	font-size: 27px;
	color: #cccccc;
	text-decoration: none;
}

#headertitre h3 {

	margin: 5 0 0 50px;
	padding: 5 0 0 0;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#headertitre h3 a {

font-weight: bold;
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
}

/* FULL PUB
----------------------------------------------- */
#pubpage {
width:1260px;
margin:0 auto;
min-height:1800px;
left: 50%;
}
#pubgauche {
float:left;
width: 134px;
padding-left:0px;
padding-right:2px;
}

#pubdroite {
float:right;
width: 140px;
padding-right:0px;
padding-left:4px;
	
}

/* Conteneur
----------------------------------------------- */
#conteneur {
width:980px;
margin:0 auto;
min-height:1800px;
left: 50%;
background: url(images/centre-fond-v2.jpg) left top repeat;
}

#centre {
margin-left: 155px;
margin-right: 0px;
}

.cadre-centre { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px;  border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 790px; }
.cadre-centre h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre h2{ color: #586174; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre h3{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre h4{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }

.cadre-centre-medium { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px;  border: solid 0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 290px; }
.cadre-centre-medium h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-medium h2{ color: #586174; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-medium h3{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-medium h4{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }

.cadre-centre-interm { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px;  border: solid 0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 450px; }
.cadre-centre-interm h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm h2{ color: #586174; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm h3{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm h4{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }

.cadre-centre-interm-pub { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px;  border: solid 0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 310px; }
.cadre-centre-interm-pub  h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-pub  h2{ color: #586174; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-pub  h3{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-pub  h4{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }

.cadre-centre-interm-left-pub { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px;  border: solid 0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 270px; }
.cadre-centre-interm-left-pub  h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-left-pub  h2{ color: #586174; font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-left-pub  h3{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-centre-interm-left-pub  h4{ color: #586174; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }

.cadre-small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #474747; border-spacing:0px; font-style: normal; border-spacing:0px; margin-left:0px; border:0px; text-align: left; width: 240px; }
.cadre-small h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-small h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #586174; text-decoration: none; }
.cadre-small h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #586174; text-decoration: none; }
.cadre-small p { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #666666;
	margin-left:0px;
    margin-right:0px; padding:0px; }
.cadre-small a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin:0px; color: #D90000; }
.cadre-small a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin:0px; color: #000000; }

.cadre-very-small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; margin-top:0px; margin-right:10px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 225px; }
.cadre-very-small h1{ color: #586174; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-very-small h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #586174; text-decoration: none; }
.cadre-very-small h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #586174; text-decoration: none; }
.cadre-very-small p { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #666666;
	margin-left:0px;
    margin-right:0px; padding:0px; }
.cadre-very-small a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin:0px; color: #D90000; }
.cadre-very-small a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin:0px; color: #000000; }

#gauche {
float:left;
width: 130px;
padding-left:15px;
}

#droite {
float:right;
width: 125px;
padding-right:10px;
padding-left:15px;
	
}

/* Bas
----------------------------------------------- */
#conteneurbas {
width:980px;
margin:0 auto;
}
#pied {
clear:both;
width: 980px;
height: 30px;
background: url(images/foot-v2.gif) left top no-repeat;
margin:0 auto;
}

#pied p{
font-size: 11px;
padding-left:20px;
padding-top:7px;
}

#pied a { 
text-decoration: none;
width: 980px;
color:#FFFFFF;
}

#pied a:hover { 
text-decoration: none;
width: 980px;
color:#FFCC00;
}

#baspage {
margin:0px;
width: 980px;
color:#CCCCCC;
}

#baspage p{
font-size: 11px;
width: 980px;
}

#baspage a { 
text-decoration: none;
color:#CCCCCC;
width: 980px;
}

/* Foot Partenaires
----------------------------------------------- */

#foot {
clear:both;
width: 980px;
height: 80px;
background: url(images/footpartenaires.gif) left top no-repeat;
margin:0 auto;
}

/* Menu Haut
----------------------------------------------- */
#haut {
height: 37px;
width: 980px;
background:url(images/menu-v2.jpg) left top no-repeat;
}

#menu {
	margin: 0 0 0 35px;
	padding: 9px 0 0 0;
	list-style-type: none;

}
#menu ul {
padding: 0;
}
#menu li {
display: inline;
padding: 0;
margin:0;
}
#menu a {
margin: 0;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-family: Trebushet, sans-serif;
}
#menu a:hover {
text-decoration: none;
color: #FFCC00;
}

/* PUB 728 px
----------------------------------------------- */
#pubundermenu {
    height: 14px;
	margin: 0;
    padding: 0;
	background: url(images/dev-centre-fond.jpg) left top repeat;
	}
#pubundermenucentre {

margin-left: 170px;
margin-right: 145px;
}
#pubundermenugauche {
float:left;
width: 130px;
padding-left:15px;
padding-right:15px;
}

#pubundermenudroite {
float:right;
width: 125px;
padding-right:10px;
padding-left:15px;
	
}	

/* Menu Gauche
----------------------------------------------- */

#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
color: #000000;
}

.cadre-menu { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #474747; margin-top:0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 140px; }
.cadre-menu h1{ color: #586174; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-menu h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D90000; text-decoration: none; }
.cadre-menu h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration: none; }
.cadre-menu a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #D90000; }
.cadre-menu a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }


/* Menu Droit
----------------------------------------------- */

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 0px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
.cadre-pub { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #474747; margin-top:0px; border-spacing:0px; font-style: normal; border:0px; text-align: left; width: 120px; }
.cadre-pub  h1{ color: #586174; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0px; padding:0px; }
.cadre-pub  h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D90000; text-decoration: none; }
.cadre-pub  h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration: none; }
.cadre-pub  a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #D90000; }
.cadre-pub  a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/* Foot Liens
----------------------------------------------- */

#foot_liens {
clear:both;
width: 980px;
height: 120px;
background: url(images/foot-liens.gif);
margin:0 auto;
}

#foot_liens p{ font-size: 10px; margin-top:0px; text-align: left; padding-top:5px; color:#666666; }
#foot_liens a { text-decoration: none; color:#666666; }
#foot_liens a:hover { text-decoration: none; color:#FFFFFF; }

div#foot_liens ul {  display: inline; font-size: 10px; text-align: left;  margin-left: 20px; margin-top: 10px;  padding-left: 10px; padding-bottom: 0px; float:left; list-style-type: none; }
div#foot_liens li {  display: inline; text-align: left; }
div#foot_liens li h1 { font-family: Trebushet, sans-serif; font-size: 12px; text-align: left; color: #FFFFFF; }
div#foot_liens li a { font-size: 10px; display: inline; text-align: left; font-weight: normal; color: #FFFFFF; }

/* Photos
----------------------------------------------- */
	.ico{
	border-color:#000000;
	border-width:0px;
	border-style: outset;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
	}
	.photo{
	border-color:#000000;
	border-width:1px;
	border-style: outset;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
	}


	.photo-small{
	border-color:#000000;
	border-width:1px;
	border-style: outset;
    margin-left:5px;
    margin-right:5px;
    margin-top:0px;
    margin-bottom:0px;
	}

	.photo3{
	border-color:#000000;
	border-width:1px;
	border-style: outset;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
	}
	
	.form { border: 0px; font-size: 1px; color: #000000; font-style: normal; }

/* NOUVEAU CADRE Cadre large
----------------------------------------------- */

#cadrerouge { /* taille du cadre, à titre d'exemple */
width: 140px;
margin-right: 5px;
background-color: #C8312D;
}
/* propriétés communes à l'ensemble des 4 coins */
#cadrerougehautgauche, #cadrerougehautdroit, #cadrerougebasgauche, #cadrerougebasdroit {
height: 11px; width: 11px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#cadrerougehautgauche {
background: url(img/cadre-c-h-g-rouge.gif);
}
#cadrerougehautdroit {
float: right;
background: url(img/cadre-c-h-d-rouge.gif);
}
#cadrerougebasgauche {
background: url(img/cadre-c-b-g-rouge.gif);
}
#cadrerougebasdroit {
float: right;
background: url(img/cadre-c-b-d-rouge.gif);
}
#cadrerougecontenu p {
color: #FFFFFF;
margin-left: 10px; /*gestion des espaces interparagraphes */
}
#cadrerougecontenu h1 { font-family: Trebuchet MS, sans-serif; font-size: 14px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; color: #FFFFFF; } 
#cadrerougecontenu a {
font-weight:bold;
color: #FFFFFF;

margin: 5px; /*gestion des espaces interparagraphes */
}