/*----------------------------------------------------------------*
  *---  WWW.ROOTS-INTERACTIV.FR - Agence Web Marseille ---  CSS  --*
  *----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;

}

html {
	background-color: #000000;

}

body {
	margin: 0;
	padding: 0; 
	font-family : Trebuchet Ms, Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	background-image: url(../img/deco/fond_general.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#000000;
	text-align: justify;
	
}

p {
	padding: 5px 5px 5px 0;
	
}	

ul {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0 0 0 20px;
padding:0;
}

li {
margin:0;
padding:0;
}
	

 /*------------------------------------------------------*
  *--------                 GENERAL   	 			 ----*
  *------------------------------------------------------*/


#header {
margin : 0 0 0 0;
padding: 70px 0 0 0;
width: 990px;
height: 376px;
background-image: url(../img/deco/fond_header.jpg);
background-position: top bottom;
background-repeat: no-repeat;
}

#logo {
margin : 0 0 0 61px;
width: 365px;
height: 107px;
}

#contenu {
margin : 50px 0 0 426px;
width: 538px;
height: 78px;
}


#contenu_bas {
width: 538px;
position: relative;	
margin : 0 0 0 426px;
}


#buttongroup {
float: left;
}

#news {
padding : 0 0 0 0;
width: 340px;
height: 142px;
float: right;
background-image: url(../img/deco/fond_news.gif);
background-position: top bottom;
background-repeat: no-repeat;
}

#news p {
padding : 10px 18px 0 18px;
}
		

		
h1 {
font-size : 18px;
}

.titre {
font-size : 18px;
color:#d22d00;
font-style:italic;
}



.button {
margin: 0 0 20px 0;
padding: 5px 0 0 10px;
width: 129px;
height: 22px;
background-image: url(../img/deco/button.gif);
}

#contenu_bas a:link { color: #FFFFFF; text-decoration: none;
}

#contenu_bas a:visited { color: #FFFFFF; text-decoration: none;
}

#contenu_bas a:hover { color: #7e81ba; text-decoration: none;
}


 /*------------------------------------------------------*
  *--------                 FOOTER   	 			 ----*
  *------------------------------------------------------*/

#footer_center a:link { color: #FFFFFF; text-decoration: none;
}

#footer_center a:visited { color: #FFFFFF; text-decoration: none;
}

#footer_center a:hover { color: #7e81ba; text-decoration: none;
}

#footer_down a:link { color: #FFFFFF; text-decoration: none;
}

#footer_down a:visited { color: #FFFFFF; text-decoration: none;
}

#footer_down a:hover { color: #7e81ba; text-decoration: none;
}

#footer {
width: 990px;
height: 180px;
text-align: center;
position: relative;	
}

#footer_content {
text-align: left;
height: 142px;
margin: 10px 0 0 40px;

}
	
#footer_left {
width:220px;
float: left;
margin: 0 40px 0 0;
}

#footer_center {
width:130px;
float:left;
margin: 0 40px 0 0;
}

#footer_right {
width:480px;
float: left;
}

#footer_down {
height: 29px;
padding: 10px 0 0 0;
margin: 0 0 0 40px;
}

#footer_down_right {
width: 435px;
text-align: right;
float: left;
}

#footer_down_left {
width: 475px;
text-align: left;
float: left;
}





/*------------------------------------------------------*
  *--------                 NUAGE   	 			 ----*
  *------------------------------------------------------*/

.nuage {
}

.nuage a {
text-decoration:none; 
font-weight:bold; 
}

.nuage a:hover { 
text-decoration:none;
background-color:#d22d00; 
color:#FFFFFF;
}

.nuage-bleu-petit { 
color:#7e81ba;
font-size : 12px;
}

.nuage-jaune-petit { 
color:#faa941; 
font-size : 12px;
}

.nuage-rouge-petit { 
color:#d22d00;
font-size : 12px;
}



.nuage-bleu-moyen { 
color:#7e81ba;
font-size : 14px;
}

.nuage-jaune-moyen { 
color:#faa941;
font-size : 14px;
}

.nuage-rouge-moyen { 
color:#d22d00;
font-size : 14px;
}



.nuage-bleu-grand { 
color:#7e81ba; 
font-size : 16px;
}

.nuage-jaune-grand { 
color:#faa941; 
font-size : 16px;
}

.nuage-rouge-grand { 
color:#d22d00; 
font-size : 16px;
}