body { margin-top:20px; font: 62.5%/1.6em Arial, Helvetica, sans-serif; color:#888; background:url(images/body.jpg) top repeat-x #D4E0E1; background-attachment:fixed; }

p {margin:0; padding:0;}
.cadre {border: 2px solid #DDDDDD; background-color: #FFFFFF;}
.corps {  font-family: Arial; font-size: 12px; font-weight: normal; color: #666666;}
a.site {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF6600; text-decoration: none}
a.site:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0000FF}
.liste {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900}
.fd_cell { font-family: Arial; font-size: 13px; font-weight: bold; color: #00468C; text-align: center; background-repeat: no-repeat; background-color: #F5F3EF; }

a.liengris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #DDD; text-decoration: none;}
a.liengris:hover { text-decoration: underline; }

.floatstop {float:none; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; clear:both;}
hr {height: 1px; padding: 0; color: #DDD; background-color: #DDD; border: 0;}

#wrapper1 {	padding:0 5px 0px 5px; 	width:740px; }
#wrapper2 { width:730px; background-color:#FFF; border-bottom:1px solid #FFF; padding:5px 5px 5px 5px; margin:0 auto; }
/* ------------------------------------------------------------------- */
/* header*/
/* ------------------------------------------------------------------- */
#header
{
margin-top:5px;
background:url(images/fd_header.jpg) top left no-repeat;
height:120px;
background-color:#FFF;
}
#logo
{
margin-top:5px;
margin-left:5px;
height:78px;
float:left;
}
#logo img
{
border:0px;
}
#slogan {
	font:2.4em Arial, Helvetica, sans-serif;
	color:#FFB748;
	letter-spacing:5px;
	float:left;
	margin-left:50px;
	margin-top:20px;
}
#nav {
	float:right;
	border:none;
	padding:0;
	margin:0;
}

#nav li {
	float:left;
	list-style:none;
	margin:0 4px 0 0;
	padding:0;
}

#nav li a {
	display:block;
	background:#fff;
	color:#444;
	text-decoration:none;
}
#nav li a:hover {
	color:#000;
}
/* ------------------------------------------------------------------- */
/* container*/
/* ------------------------------------------------------------------- */
#container {
	clear:both;
	padding:10px 0 0 0;
}
/* ------------------------------------------------------------------- */
/* content*/
/* ------------------------------------------------------------------- */
#content {
	padding:0 10px 10px 10px;
}
#content h2 {
	font:2.2em Arial;
	width:50%;
	color:#FFB748;
	letter-spacing:-1px;
	margin:10px 0;
	padding-left:10px;
	clear:left;
}
#content h3 {
	background-color:#FFF;
	padding-right:3px;
	float:right;
	font-size:11px;
}
#content blockquote {
	padding-right:3px;
	padding-left:3px;
	float:right;
	font-size:11px;
}
#content blockquote a{
	color:#E4580C;
	font-weight:bold;
	text-decoration:none;
}
#content p {
	margin:15px 0;
	color:#444;
	font-size:12px;
	line-height:15px;
	text-align:justify;
}
ol.subnav {
	margin:-10px 0 0 -5px;
	padding:0;
}
.web {
background:url(images/fd_web.gif) bottom left no-repeat;
}
.tv {
background:url(images/fd_tv.gif) bottom left no-repeat;
}
.edition {
background:url(images/fd_edition.gif) bottom left no-repeat;
}
#boite_web{
margin-top:10px;
background-color:#FFFFFF;
border-bottom:#DDD solid 1px;
padding-left:3px;
padding-right:3px;
width:480px;
margin-left:15px;
}
#boite_television{
margin-top:10px;
width:480px;
margin-left:15px;
background-color:#FFFFFF;
border-bottom:#DDD solid 1px;
padding-left:3px;
padding-right:3px;
}
#boite_edition{
width:480px;
margin-left:15px;
margin-top:10px;
background-color:#FFFFFF;
border-bottom:#DDD solid 1px;
padding-left:3px;
padding-right:3px;
}
.articleimg {
border: #ccc 1px solid;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
float:left;
margin-bottom: 5px;
margin-right: 5px;
}
#date_news{
font-size:9px;
font-style:italic;
width:180px;
color:#947D70;
}
#news{
width:180px;
margin-left:10px;
margin-top:5px;
background-color:#f2f2f2;
border:#ccc solid 1px;
float:right;
position:relative;
padding-left:3px;
padding-right:3px;
}
#news a{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color:#666;
font-weight:normal;
text-decoration:none;
}
#news a:hover{
color:#666;
font-weight:normal;
text-decoration:underline;
}
.titre_web{
color:#61B8E6;
font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-weight:bold;
text-align:justify;
}
.titre_television{
color:#FFB748;
font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-weight:bold;
text-align:justify;
}
.titre_edition{
color:#66FF00;
font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-weight:bold;
text-align:justify;
}
.titre_news{
color:#F47530;
font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-weight:bold;
text-align:justify;
}
ol.subnav li {
	float:right;
	list-style:none;
	margin:0;
	padding-left:35px;
	width:110px;
	font-size:12px;
	margin-right:1px;
}
ol.subnav a {
	font-weight:bold;
	color:#F43408;
	display:block;
	padding:20px;
	text-decoration:none;
	margin:0 5px 0 0;
	border-bottom:none;
}
ol.subnav a:hover {
	color:#121212;
	border-bottom:none;
}
#content h3 {
	font:1.8em Trebuchet MS;
	color:#555;
	margin:10px 0;
}
content a {
color:#E4580C;
text-decoration:none;
}
content a:hover {
border-bottom:1px solid #ccc;
}
#content h4 { 
position:relative;
float:left;
width:80px;
margin-top:8px;
FONT-SIZE:11px;
}
#content h5 {
position:relative;
margin-top:8px;
margin-left:20px;
float:left;
width:550px;
color:#000;
FONT-SIZE:11px;
}
#envoyer{
position:relative;
float:left;
margin-top:10px;
left:230px;
width:400px;
}
.titre {
color:#61B8E6;
font:16px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-weight:normal;
text-align:left;
border-bottom: 1px dotted #61B8E6;
}

/* ------- navigation web ------ */
.nav {background-color: #F5F3EF; text-align: center; font-family: Arial; font-size: 12px; font-weight: bold; color: #666;}
.nav a {font-family: Arial; font-size: 13px; font-weight: normal; color: #666; text-decoration: none;}
.nav a:hover {text-decoration: underline;}

/* --- formulaires --- */
form {margin-left:30px; }
input {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #336699;
TEXT-DECORATION: none;
background-color: #FFFFFF
}
select {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #336699;
BORDER-TOP-STYLE: groove;
}
textarea {
FONT-WEIGHT: normal;
FONT-SIZE: 12px; COLOR: #336699;
BORDER-TOP-STYLE: groove;
}

/* --- page de prestations --- */
.presta {font-family: Arial; text-align: left; border: 1px dotted #DDD; height: 100px; margin: 0 0 10px 0;}
.presta img {float: left; padding: 5px 10px 5px 3px;}
.presta h1 {color:#F47530; font:13px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; 
font-weight:bold; padding: 5px 0 0 0; margin: 0;}
.presta p {font-family: Arial; font-size: 11px; font-weight: normal; color: #666666; clear: none;}



/* -- liste des sites --- */
.sites {float: left; width: 200px; border: 1px solid #D4E0E1; text-align: center; margin: 5px; padding: 5px;}
.sites img {border: 1px solid #CCC;}
.sites img:hover  {border: 3px solid #CCC;}
.sites a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600; text-decoration: none; display: block;}
.sites a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0000FF;}
.sites h6 {font-family: Arial; font-size: 12px; font-weight: normal; color: #666; margin: 0; padding: 0;}


/* ------------------------------------------------------------------- */
/* footer*/
/* ------------------------------------------------------------------- */
#footer {
	text-align:center;
	padding:5px;
	background-color:#7A9BAE;
	width:730px;
	color:#FFF;
	margin:0 auto;
}
#footer a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color:#FFF;
text-decoration:none;
}
#footer a:hover {
color:#FFFF00;
text-decoration:none;
}
#copyright{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
text-align:left;
color:#FFF;
}
#liensannexes{
float:right;
position:relative;
}

/*-------------------------COMMANDES-------------------------------*/

/*bon de commande*/
.commande {width: 100%; border: 1px solid #DDD;}
.apayer {margin: 10px 0 0 0; padding: 5px; text-align: right; border: 1px solid #DDD;}
.btnOK { border:1px solid #7A9BAE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#333; 
padding:5px; font-weight: bold; background:#DDD; cursor:pointer; }
.btnOK:hover {color: #FFF; background: #009900;}

/* facture */
.cadre_facture {background: #FFF; width: 800px;}
.bordure {border: 2px solid #DDDDDD; background-color: #FFFFFF;}
.total {border: 2px solid #DDDDDD; background-color: #EEEEEE;}
.cell {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #00468C;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}
p {font-family: Arial; font-size: 12px; font-weight: normal; color: #666666}
.gras {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900}
.grasbleu {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00468C}
.facture {  font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: normal; color: #888}
.small {font-family: Arial; font-size: 10px; font-weight: normal; color: #666666}