/* feuille de style pour le nouveau site de CREZE 2010 */
/* --- COULEURS --- */


/* Général */
body {
	color: #F0E39E;
	background-color: grey;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
a:active {background: #000; color: #FF6533;}
strong {
	color: #A1B55D;
}

/* Page */
#global {
	background-color: #333; /* 494949  */
}


/* Contenu principal */
#contenu {
	color: #363B29;
	background:#cc9 url("fondContenu.gif") repeat-y top; /* 2 colonnes */
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}
#contenu img {
	float:right;
	margin: 4px 4px 4px 4px;
}


/* Pied de page */
#pied {
	color: #E6A948;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: 50%; /* -> 1 */
	width: 970px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	width: 970px; height: 130px;
	background-color: #333; 
}
#entete img{margin: 2px; float: left;
}
#entete h1 {
	margin: 0; color:#8c0b06;
}

/*                         Menu de navigation 
*/
	/*background-color: #494949; /*  4d4d4d  494949*/
#navigation {
background: #494949 url(../images/degrade.jpg) repeat-x;
}

#navigation, #nav_second {
	padding: 12px 15px;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#nav_second ul {
	margin: 0 10px ;
	list-style: none;
	text-align: right;
}

#navigation li, #nav_second li{
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: 1.5em;
}
#navigation a:link,#navigation a:visited {
	text-decoration: none;
	color: #dd8783; /* un rouge pâle */
}
#navigation a:hover,#navigation #li:active{
background-image:url(../"images/backgroundrouge.png");
	color: #FF6533; /* un rouge qui pète */}


/*                 seconde ligne de navigation
*/
#nav_second {
	background: #333;
	margin:auto; height:30px;}
	
#nav_second a {
	padding: 6px;
	/*line-height: 1.3;*/
	font-size: .9em;
	text-decoration: none;
}

#nav_second a {
	color: #dd8783;
}
#nav_second a:hover, #nav_second a:focus {
	background: #000000; color: #FF6533; /* un rouge qui pète */
}

/* fond pour le menu contextuel  */
#fondcontextuel{
margin-top: 0; width: 970px; height: 37px; 
background: url(../images/degrade_inverse.jpg) repeat-x;
}

/* ..............................................................  */
/*                         navigation contextuelle                 */
/*  ............................................................   */
.menucontextuel {
	list-style-type: none;
	margin: 10px 51.3% 9px 5px;
	padding:0 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#CCC;
	border-width: 1px;
	border-color: #666 #666 #999 #999;
	border-style: solid;
	background:#565656 url(../images/degrade_contextuel.jpg) repeat-y;
}
.menucontextuel img{margin:1px 3px 1px 0; border:0;}
.menucontextuel a:link, .menucontextuel a:visited {
	color:#ccc;
	font-size: 1em;
}
.menucontextuel a:hover, .menucontextuel a:active {
	color:#fff;
	background-color:#036;
}


/*  ***********************************************************************  */
/*                                Contenu                                    */
/*  ***********************************************************************  */
#contenu {
	padding: 3em 0;
	width: 970px;
	min-height: 450px;
}
/*                     COLONNE  PRINCIPALE   GAUCHE
*/
div#contenu_gauche{
	float: left;
	width: 430px;
	padding: 2px 20px 2px 40px;
	text-align:left;
	border:none;}
/*                     COLONNE PRINCIPALE DROITE
*/
div#contenu_droite{
	margin-left: 500px;
	width: 430px;
	padding: 2px 10px 2px 10px;
}
/*  

/*  
			B O I T E S
*/
.boite_1tiers {
float:left;
 width:140px;
 border: none;
 text-align:center;
}
.boite_1tiers img {
margin: 3px 3px 3px 3px;
}
.boite_2tiers{
float:left;
margin-top:3px;
width:275px; border: #999 1px solid;
text-align: left;
padding-left:5px;
}

.boite_2tiers img {
margin: 3px 3px 3px 3px;
}

/* Pied de page */
#pied {
	clear:both;
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}
#copyright {
	text-align: left;
	font-size: 1em;
}
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.hrtiret{width:auto;
background-image:url(../images/tiret.gif);
background-repeat:repeat-x;height:3px;}
.hrpointille{width:auto;
	background-image:url(../images/pointille.gif);background-repeat:repeat-x;height:3px;}
	
.mentionGrise{
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
font-size:.9em;
font-style:italic;
text-align:right;
padding-right:3em;}