/* ----------------Feuille de styles Jaune-cerise---------------------------*/

/* ----------------HTLM---------------------------*/
body {
		font-size:.9em;
		font-family: verdana, arial, sans-serif ;
		padding:0; 
		margin:0; 
		/*background-image: url(Images/body.gif); */
		background-repeat: repeat;
		}
		
h1 {font-size: 125%; color:#bb0b0b; background-color: white; margin:.5em 0;}
h2 {color:#bb0b0b; background-color: white;}
h3 {font-size: 105%; color:#bb0b0b; background-color: white; margin:.5em 0;}

.titre_bold	{color: #bb0b0b;
	font-weight: bold;
	}

a:link 		{color:#FF3300; background-color: inherit; text-decoration:none;}
a:visited 	{color:#FF9900; background-color: inherit; text-decoration:none;}
a:hover		{color:#FF3300; background-color: inherit; text-decoration:underline;}
a:focus 	{color:#FF0000; background-color: inherit; text-decoration:none;}
a:active 	{color:#FF0000; background-color: inherit; text-decoration:none;}

p { padding-bottom:.4em;}
ul { margin:0;}
li{ margin:.5em 0 0 1em;}

/* Templates -------------------------------------------------------------------*/
.header_references { background-image:url(images/entetes/ent_references.jpg);}
.header_services { background-image:url(images/entetes/ent_references.jpg);}
.header_realisations { background-image:url(images/entetes/ent_realisations.jpg);}
.header_realisations_logos { background-image:url(images/entetes/ent_realisations.jpg);}
.header_realisations_illustrations { background-image:url(images/entetes/ent_cv.jpg);}
.header_realisations_journaux { background-image:url(images/entetes/ent_services.jpg);}
.header_realisations_autres { background-image:url(images/entetes/ent_contact.jpg);}
.header_liens { background-image:url(images/entetes/ent_liens.jpg);}
.header_cv { background-image:url(images/entetes/ent_cv.jpg);}
.header_contact { background-image:url(images/entetes/ent_contact.jpg);}
		
#page  
  {
	position: absolute;
	width: 600px;        /* selon la largeur voulue */
	margin-left: -300px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */
	height: 510px;       /* selon la quantite de texte */
	margin-top: -255px;   /* moitie de height */
	top: 50%;            /* constant, toujours 50% */
	border: 0px solid #333;
	visibility: visible;
  }
#contenu { margin: 1em; }
#container {
			width:800px;  
			color: black;
			background-color:#FFFFFF;
			margin-left:auto; 
			margin-right:auto; 
			margin-bottom:.5em; 
			}
			
.gris {color:#666666; background-color: inherit;}


/* Navig principal -------------------------------------------------------------------*/	
#navig	{
		font-weight:bold;
		background-image:url(images/boutons/bouton_jaune_sombre.gif);
		text-align:right;
		padding:12px 20px;
		border:2px solid #8c8c8c;
		}

#navig li	{
		background-image:url(images/boutons/bouton_jaune_on.gif);
		display:inline;
		list-style-type:none;
		text-decoration: none;	
		padding:4px 0;
		border:1px solid #8c8c8c;
		}

#navig a {
		color:black;
		background-color: inherit;
		background-image:url(images/boutons/bouton_jaune_of.gif);
		padding:4px 4px;
		}
			
#navig a:hover,
#services #navi01 a,
#realisations #navi02 a,
#curriculum_vitae #navi03 a,
#contact #navi04 a
		{ 
		background-color: #8c8c8c;
		background-image:url(images/boutons/bouton_jaune_on.gif);
	    text-decoration: none;
		color: black; 
		padding:4px 4px;
	  	}
				
/* Navig 2  -------------------------------------------------------------------*/		
#navig2	{font-size: .7em; text-align:right; padding: 2px 8px;}
#navig2 li{display:inline;list-style-type:none;}

/* Zone div -------------------------------------------------------------------*/
#header {width: 800px; height: 200px;}
#print_web {float:left; padding:2px 10px 2px 30px;}
		
#col_1 {
		float:left;	
		margin:20px 20px 20px 20px;
		padding-left:0px;
		}
		
#col_2 {
		float:left;	
		margin:20px;
		padding-left:0px;
		}
		
.objet {
clear:both;
margin-top:10px;
	}
	

.objet_titre {
		float:left;
		width:220px;
		text-align:right;
		padding:5px 0;
		border-width:thin;
		border-top-style:groove;
	}
	
.objet_image {
		width:280px;
		margin-left:10px;
		float:left;
		padding: 0;
		border-width:thin;
		border-top-style:groove;
	}
	
	
.objet_image img {
		margin:0;
		padding: 0;
	}
		
		
#titre {
width: 800px; 
height: 50px;
background-image:url(images/f_titre.gif);
background-repeat:no-repeat}	

.clearthefloats {clear:both; padding:0 0 40px 0;}

/* #footer -------------------------------------------------------------------*/
#logo_cerise 	{
			clear:both;
			background-image:url(images/logo_jc_p.gif);
			width:70px;
			height:100px;
			margin-left:10px;
			}

#footer 	{
color:#FFFFFF;
			clear:both;
 			padding:4px 0;
			font-size:0.7em;
			text-align:center;
			background-color:#BB0B0B;
			background-repeat:repeat-x;
			border-top:2px solid #FF9900; 
			border-bottom:4px solid black; 
			margin-top:2px;
			}
			
#footer ul {color:#000000; background-color: inherit; margin:4px 0;}

#footer li {
			display:inline;
			color:#fff;
			background-color: inherit;
			border-left:1px solid;
			padding:0 0 0 5px;
			}
				
#footer li:first-child {border-left:0;}
#footer ul li a {text-decoration:none; color:yellow; background-color: inherit;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul.fineprint li {color:#000; background-color: inherit;}
#footer ul.fineprint li a {color:#000; background-color: inherit;}
#footer ul.fineprint li a:hover {color:#960; background-color: inherit;}