/********************************************
   GENERAL
********************************************/
body {
	margin-top:0px; 
	background:#fe9a03;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
}

a { color:#FF6600; }

a:hover { color: #99CC00; }	

img { border:none; }

/* entêtes */
h1 {
	font: bold  1.8em Tahoma, Arial, sans-serif; 
	margin:5px 0 10px 20px;
}

h1 a, h2 a , h3 a{ text-decoration: none; text-decoration:none;}

h2 { 
	font: bold 1em Tahoma, Arial, sans-serif; 
	margin: 15px 0 5px 0;
}

h2 span { text-transform:uppercase;}

h3 { 
	font: bold 1.2em Tahoma, Arial, sans-serif; 
	margin: 0 0 0 0;
}

h5 { font: bold 1.1em "Arial", Sans-Serif; margin: 0; }

/* Elements "list"*/
ul { margin: 0; padding : 0; list-style : none; }

/* Divers*/
.title{
	font: bold  1.5em Tahoma, Arial, sans-serif; 
	margin:5px 0 5px 0;
	text-align:center;
}

p {
margin: 0 0 5px 0;
}

.align-justify {text-align:justify;}
.align-center {text-align:center ;}
.align-right {text-align:right;}
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

/********************************************
   MENU /LOGO
********************************************/
#menu { 
	float:left; 
	margin: 45px 0 0 0px;
	width: 260px;
}

#menu dl {width: 250px; margin:0 0 20px 0; padding: 0 0 10px 0; color:#99CC00; font-weight:bold; letter-spacing:-1px; background: url(img/nav-bottom.gif) no-repeat bottom left;}
#menu dt {margin:0; padding: 5px 5px 0 5px; font-size: 1.3em; font-weight:bold; background: url(img/nav-top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; font-size: 1em; border-bottom:1px solid #fff; background:#EAEAEA; width:248px;}

.ssmenu a, #ssmenu a:visited {color:#666666; text-decoration:none; display:block; padding:5px 5px 5px 38px;
background: url(img/arrow.jpg) no-repeat 10px 7px; width:205px; text-decoration: none; margin:0px;
}
.ssmenu a:hover {background: #99CC00 url(img/arrow-hover.jpg) no-repeat 10px 7px; color:#FFF;}
#current {background: #99CC00 url(img/arrow-hover.jpg) no-repeat 10px 7px; color:#FFF;}

#logo {text-align:center; font-size: 1.4em; font-weight:bold;margin: 0 0 15px 0;}
#logo a {text-decoration:none; color: #000;}
#logo a:hover {color: #99CC00;}
#baseline { color:#CCCCCC; text-align:center; font-size:.6em; }
#baseline span { color:#666666; font-weight:bold; font-size:1.1em; text-transform:uppercase; }

/********************************************
   BOX
********************************************/
#content { 
	background: #fff url(img/content-box-top.jpg) no-repeat top left;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size:1.3em;
	padding: 0 0 0 10px;
}

#container { 
	width: 960px;
	margin: auto;
	border: 1px solid #5f5f5e;
	background: #FFFFFF url(images/container_back.gif) top left repeat-y;
}

#header { 
	min-height: 180px; 
	background: url(img/coquines_new.jpg) no-repeat 510px 20px ; 
	padding: 0 200px 0 0;
}

#page{ 
	float:right; 
	width: 690px; 
	margin: 0px;
}
	#page p {margin:0 10px 0 0;}

.preview { 
float: left;
text-align:center; 
width: 115px;
margin:10px 0 10px 0;
}
.preview a{ 
text-decoration:none;
}
.fiche{ 
color:#333333;
text-align:center;
width: 110px;
font-size: .9em;
}

.photo{ 
color:#FF6600;
text-align:center;
width: 110px;
font-size: .8em;
font-weight:bold;
}
 
.phone { 
float: left;
background:url(img/phone.jpg) 0 0;
text-align:center; 
width: 230px;
margin:0 0 10px 0;
}
	.phone p{ color:#99CC00;}
	.phone span{ color:#999999; font-weight:bold;}
	
.col-gauche {  
float: left; 
width: 310px; 
margin:0; 
padding:0 0 0 0;
}

.col-droite {  
float: left; 
width: 370px; 
margin:0 0 0 0px; 
padding:0 0 0 0;
}

/*specifiques*/
.symbol {float:right; font-weight:bold;}
#dewplayer { text-align:center; background:url(img/dewplayer.gif) 0 0; width:350px; height:130px;  margin:auto;}
#lecteur{margin: 93px 0 0 113px;}
#pubx{text-align:center; margin: 20px 0 0 0;}
.name {margin:0; text-align:center;} 
.gallerie{margin: 0 0 20px 20px;}
.tableau { float:left; margin: 0 2px 2px 0 ; }
.lien {text-align:center; }
/********************************************
   FORM
********************************************/
form {
	margin: 0 0 0 10px ; 
	padding: 0 5px;
	border: 1px solid #f2f2f2;
	background-color: #FFFFFF; 
	font-size: 0.9em;
	text-align:left;
	color:#000000;
}

fieldset {
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
}

legend {
	margin: 0 0 0 20px;
}

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

#nom{ margin:10px 0 0 65px;}
#email{ margin:10px 0 0 15px;}
#autres{ margin:10px 0 10px 110px;}
#sujet{ margin:10px 0 0 30px;}
#corps{ margin: 0 0 0 10px;}
#code{ margin:0 0 20px 10px;}

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: 100px;
	padding: 2px 3px; 
	color: #FFF;
	border: none;
}

.alert {
	font-weight:bold;
	color:#FF0000;
	margin: 0 10px 0 100px;
}

.crypto {
	text-align:center;
}

/********************************************
   FOOTER
********************************************/
#footer { 
clear: both; 
text-align: 
center; 
line-height: 1.8em; 
padding: 10px 0 10px 0; 
border-top: 1px solid #ccc; 
}

#footer a {
font:Arial, Helvetica, sans-serif; 
font-size:10px;
}

#partenaires h2{font-size:14px; }
#partenaires a{color:#000000; font-size:12px; }
#icra {background : #FF9900;text-align: center; margin: 20px 0 0 0;}
 
#spywords {
margin: 10px 0 0 0;
text-align: center; 
vertical-align:middle:
}

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

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

/********************************************
   NUMERO / SMS
********************************************/
.numero-phone{
	font-size: 30px;
	text-align: center;
	margin: 10px 0 10px 0;
	color:#FF6600;
	font-weight: bold;
	font-style: italic;
}
.prefixe-phone {
	font-size: 20px;
	color : #333333; 
}
.numero{
	font-size: 50px;
	text-align: center;
	margin: 10px 0 10px 0;
	color:#FF6600;
	font-weight: bold;
	font-style: italic;
}

.numero p{ color:#99CC00; font-size:16px; text-align:center;}
.numero span{ color:#999999; font-weight:bold;}

.prefixe {
	font-size: 40px;
	color : #333333; 
}

.ch-be{
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	margin: 0 0 10px 0; 
}

/* SMS */
#sms {
	color:#FFBE02;
	font-style:italic;
	font-family:"Arial Black";
	font-size:2.5em;
	text-align:center;
	width: 670px;
	margin: 10px 0 10px 0;
	background: url(img/sms.jpg) top left repeat-y;
}

#sms-top { 
	background:url(img/sms-top.jpg) top left no-repeat;
	height:44px;
}

#sms-bottom {
	background: url(img/sms-bottom.jpg) bottom left no-repeat; 
	height:13px;
}

#sms .small {
	font-family:"Arial";
	font-size:.4em;
	font-style:normal;
}

#sms .blanc {
	font-size:.6em;
	color:#333333;
}

/* SMS zone menu*/
#sms-left {
	color:#CC0099;
	font-style:italic;
	font-family:"Arial Black";
	font-size:1.5em;
	text-align:center;
	width: 250px;
	margin: 10px 0 200px 0;
	background: url(img/sms-left.jpg) top left repeat-y;
}

#sms-left-top { 
	background:url(img/sms-left-top.jpg) top left no-repeat;
	height:44px;
}

#sms-left-bottom {
	background: url(img/sms-left-bottom.jpg) bottom left no-repeat; 
	height:13px;
}

#sms-left .small {
	font-family:"Arial";
	font-size:.5em;
	font-style:normal;
}

#sms-left .blanc {
	font-size:.7em;
	color:#333333;
}