body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	margin-top:0;
}

.clear {clear: both;}

 a {
 	color:#A40003;
	text-decoration:none;
	}
	
h1 {  
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #CACACA;
	letter-spacing: -1px;
	font-style: italic;
	line-height: 0px;
	margin-left: 250px;
}

h2  {	
	color:#000000;
	font-size:17px;
	font-weight:bold;
	text-transform: uppercase;
	}
h3 {
	color:#FFFFFF;
	background:#A40003;
	padding-left: 20px;
	font-size: 12px;
	font-weight:bold;
	padding: 5px 0 5px 0;
	text-align:center;
}

h4 {
	font-size:12px;
	font-weight:bold;
}


/* class */

.comment-bis{
	font-family:"Arial Black";
	font-size: 22px;
	text-align: center;
	background:#A40003;
	color:#FFFFFF;
	font-style:italic;
}
.jufityML {
	font-size:10px;
	text-align:justify;
}

.numero{
	font-family:"Arial Black";
	font-size: 30px;
	text-align: center;
	color:#EE0604;
	font-style:italic;
	margin: 10px 0 10px 0;
}

.big {
	font-size: 11px;
	text-transform:uppercase;
	text-align:center;
}

.bigcolor {
	font-size: 14px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#EE0604;
}
.prefixe {
	font-size: 24px;
	color : #000; 
}

.prefixe-bis {
	font-size: 24px;
	color : #000000; 
}

.ch-be{
	font-family:"Arial Black";
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	margin: 0 0 10px 0;
	color: #525252; 
}

.ch-be .avant{
	font-size: 11px;
	margin-right:20px;
	color: #525252;
	font-weight:normal;
}

.commentaire {
	font-size: 10px;
	text-align: center;
	margin: 0 0 10px 0; 
	color: #525252;
}

#sms {
	border: 2px solid #C7147A ;
 	-moz-border-radius:10px;-webkit-border-radius:10px;
	background: #fff;
	font-family:"Arial";
	font-weight: bold;
	font-size:18px;
	text-align:center;
	padding: 10px 0 10px 0;
}

#sms .small {
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
}

#sms .color {
	font-family:"Arial Black";
	font-style:italic;
	font-size:25px;
	color:#C7147A;
}

/* container */
#container { 
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	border-left: 1px solid #474745;
	border-right: 1px solid #474745;
}

/* header */
#header { 
	width: 860px;
	height:70px;	
	background: #474745 url(img/coeur.jpg) no-repeat right;
}

#titre { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	letter-spacing: -2px;
	text-transform: uppercase;
	margin-left: 150px;
	margin-top: 5px;
	color: #DDDDDD;
}
	
#titre span { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	letter-spacing: -2px;
	text-transform: uppercase;
	color:#999999;
}
		


/* menu */
#menu {
	background: #FFFFFF;
	height: 25px;
	text-align:right;
	font-size:12px;
	color:#000000;
	border-bottom: 4px solid #A40003;
	padding: 5px 0 0 0;
}

#menu a{
	color:#000000;
	text-decoration:none;
	margin: 0 15px 0 15px;

}

#menu a:hover, #menu a.current{
	font-weight:bold;
	text-transform: uppercase;
}

/* elements page */
#page {
	background: #FFFFFF;
}

#pied-page {
	clear:both;
	height: 100px
	font-size:9px;
	background: #FFFFFF;
	color: #D1BD8B;
	text-align:center;
	margin-top:5px;
	padding: 5px 5px 0 190px;
}

#logo {
	position:absolute;
	height: 650px;
	background: url(img/logo.gif) no-repeat;
	width: 195px;
	padding: 580px 0 0 0;
	top: 55px;
}

#pub {
	margin: 580px 0 0 15px;
}

/* sections */
/* sections */
.section1 { 
	float: right;
	padding: 5px 5px 5px 190px;
}
.sitmap{ text-align:justify; margin: 20px 0 20px 30px;}

#section2 { 
	float:right;
	width: 325px;
	padding: 5px 5px 5px 190px;
}

#section3 { 
	float:right;
	width: 325px;
	border-left: 1px solid #474745; 
	padding: 5px 5px 5px 5px;
}

.preview{
	float: left;
	margin-left: 18px;
}



#section5 { 
	float: right;
	width: 650px;
	height: 890px;
	padding: 5px 5px 5px 175px;
}
/* footer */
#footer {
	clear:both;
	background: #474745;;
	text-align: center;
	font-size:10px;
	color:#CCCCCC;
	padding: 15px 10px 0 10px;
}

#footer a{
	color:#CCCCCC;
	text-decoration:none;
}
 
#spywords {
	margin: 30px 0 0 0;
	text-align: center; 
	vertical-align: middle;
}

#mention-legale {  
	float: left; 
	text-align:left;
	margin: 0 0 15px 0;
	padding:0 0 0 0;
}

#copyright {  
	float: right; 
	text-align:right;
	margin:0 0 15px 0;
	padding:0 0 0 0;
}

#icra{  
	text-align:center;
	margin-top: 40px;
}

/* gallerie */
#container_left {
	position:absolute;
	margin-top: 20px;
	top: 157px;
}
#container_left img {border:0;}
#container_left .thumbs {
	width:110px;
	position:absolute;
	top:8px;
	left: -5px;
}
#container_left .info {margin-top:30px; text-align:justify; font-size:9px;}
#container_left a.gallery:hover span {display:block; position:absolute; width:450px; height:50px; top:0px; left:100px; padding:5px; font-style:italic; z-index:100;font-size:11px; }
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:12px;color:#DDDDDD;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #993366;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:450px; height:600px; top:60px; left:107px; padding:5px; border:1px solid  #FECC09; z-index:50;}
#container_left #title { padding: 80px 0 0 142px; width:600px; font-size: 16px; font-weight:normal; }
#container_left p {clear:both; margin:0; padding-top:20px; padding-left:142px; width:450px; text-align:center;}
#container_left #sms {margin: 30px 0 30px 10px; width:610px; }
#container_left #justify {text-align:justify;}
#container_left #image {clear:both; margin:0; padding-top:20px; padding-left:30px;}
#container_left #title em {font-size:0.6em;}
#container_left a {	color: #525252;}

a.gallery, a.gallery:visited {display:block; display:inline-block; text-decoration:none; border:1px solid #FECC09; width:50px; height:67px; float:left; margin-right:3px; margin-bottom:6px; z-index:50;}
a.gallery em, a.gallery span {display:none; margin-left: 35px;}
a.gallery:hover {border:1px solid  #999999 ;}

/********************************************
   FORM
********************************************/
form {
	margin:1em 2em 0 0; 
	padding: 0 5px;
	border: 1px solid #f2f2f2; 
	font-size: 0.9em;
	text-align:left;
}

fieldset {
	background-color: #FFFFFF;
	margin: 0 0 1em 0;
}

legend {
	margin: 0 0 0 2em;
}

label {
	font-weight:bold;
	margin: 1em 0 0 5em;
}
input {
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

#nom{ margin:1em 0 0 63px;}
#email{ margin:1em 0 0 0.4em;}
#autres{ margin:1em 0 1em 112px;}
#sujet{ margin:1em 0 0 1.7em;}
#corps{ margin: 0 0 0 5em;}
#code{ margin:0 0 2em 1.7em;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:35em; 
	background:url(design/) repeat-y #FFFFFF;
	height:8em;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin-left: 7em;
	padding: 2px 3px; 
	color: #FFF;
	background: #010510 url(images/button-bg.jpg) repeat-x 0 0;
	border: none;
}

.alert {
	color:#FF0000;
	margin: 0.5em 0 0 0.5em;
	text-align:center;
	font-size: 0.8em
}