/*CSS Communs*/
body{
	background-image: url(images/fond-rougeraye.gif);
	background-repeat: repeat;
	background-color: #7C192E;
}

.accueil{ /*Background de la page d'accueil*/
background-image:url(images/fond-rouge-accueil.jpg);
}

.autrePage{ /*Background des autres pages */
background-image: url(images/fond-rouge.jpg);
}

/*Div de la carte*/
#contenu{
	width: 581px;
	height: 351px;
	background-repeat: no-repeat;
	margin: 35px auto auto auto;
}

#contenu #gauche{
	width:407px;
	height:331px;
	margin: 8px 8px 8px 13px;
	position: static;	
	float:left;
	overflow: hidden;
	line-height:115%;
}

/* Corriger la particularité sur Explorer */
* html #contenu #gauche{
	margin: 8px 0 8px 8px;
}

#contenu #gauche #titre{
	height: 67px;
	width: 100%;
	overflow:hidden;
}


#contenu #gauche #titre h1{
	margin:0;
	padding:0;
	margin-top:15px;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1.45em;	
}

#contenu #gauche #titre .h1{
	margin:0;
	padding:0;
	margin-top:15px;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1.45em;	
	display:block;
	font-weight:bold;
}

#contenu #gauche #titre h2{
	margin:0;
	padding:0;
	margin-top:5px;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1.1em;	
}

#contenu #gauche #titre .h2{
	margin:0;
	padding:0;
	margin-top:5px;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1.1em;	
	display:block;
	font-weight:bold;
}

#contenu #gauche #basPageAccueil{
	height:43px;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: Black;
	overflow: hidden;
	line-height:10px;
	}

/*Gère les particularité de la page d'accueil*/
.accueil h1 {
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
font-size: 100%;
display:inline;
padding:0;
margin:0;
font-weight:normal;
}

.accueil #gauche{
	width:412px;
	height:330px;
	margin: 8px 8px 8px 8px;
	position: static;	
	float:left;
	overflow: hidden;
}

/*Lien du bas de la page d'accueil*/
#contenu #gauche #basPageAccueil a:link{color: #C43545; text-decoration: none;}	
#contenu #gauche #basPageAccueil a:visited{color: #D66772; text-decoration: none;}	
#contenu #gauche #basPageAccueil a:hover{color: #DF8A93; text-decoration: none;}	
#contenu #gauche #basPageAccueil a:active{color: #424344; text-decoration: none;}	

/*Zone de texte d'accueil*/
#contenu #gauche #texteAccueil {
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size: .7512em;
	text-align: justify;
	margin:0;
	height:137px;
	overflow: auto;
}

/* Corriger la particularité sur Explorer */
* html #contenu #gauche #texteAccueil{
	height:127px;
	width:398px;
}

/*Zone de texte sur les autres pages, parfois le height est changé directement sur la page*/
#contenu #gauche #texte{
width:97%;
text-align:justify;
height:265px;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
font-size: .7512em;
overflow:auto;
}

/*Tous les liens dans la zone de texte*/
#contenu #gauche #texte a:link, #contenu #gauche #texteAccueil a:link, #contenu #gauche #basPage a:link{text-decoration:none;color:#C43545;}
#contenu #gauche #texte a:visited, #contenu #gauche #texteAccueil a:visited, #contenu #gauche #basPage a:visited{text-decoration:none;color:#D66772;}
#contenu #gauche #texte a:hover, #contenu #gauche #texteAccueil a:hover, #contenu #gauche #basPage a:hover {text-decoration:underline;color:#DF8A93;}
#contenu #gauche #texte a:active, #contenu #gauche #texteAccueil a:active, #contenu #gauche #basPage a:active {text-decoration:underline;color:#424344;}

#contenu #gauche hr{
height:1px;
border:0;
width:100%;
color: #977B7B;
background-color: #977B7B;
margin-top:4px;
margin-bottom: 0;
}


/*/*/
html>body #contenu #gauche .divHr{
height:4px;
border-bottom:1px solid #977B7B;
margin-bottom:3px;
}

html>body #contenu #gauche hr{
display:none;
}
/* */

/* Corriger la particularité sur Explorer */
* html #contenu #gauche hr{
margin:0;
}

/*Style du formulaire sur la page Contact*/
#contenu #gauche form{
margin:0;
padding:0;
text-align:left;
}

#contenu #gauche .formulaire{
display:block;clear:both;
}


#contenu #gauche label {
width:110px;
float:left;
text-align:right;
margin-right:10px;
margin-top:1px;
font-size:12px;
}

#contenu #gauche input{
height:15px;
font-size:10px;
}

/* Corriger la particularité sur Explorer */
* html #contenu #gauche input{
display:block;
margin-top:0;
}

#contenu #gauche textarea{
font-size:11px;
height:80px;
width:240px;
}

#contenu #gauche input,textarea{
border:1px #AEAEAE solid;
padding-left:3px;
padding-right:3px;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
margin-top:2px;
}

/*Style des balise champs textes*/
#contenu #gauche input:hover,textarea:hover{border:1px #666666 solid;}
#contenu #gauche input:active,textarea:active{border:1px #015263 solid;}
#contenu #gauche input:focus,textarea:focus{border:1px  #015263 solid;}

#contenu #gauche fieldset{
border:0;
}

#contenu #gauche .btEnvoyer{
float:right;
font-size:12px;
font-weight:bold;
height:23px;
margin-right:17px;
padding-left:8px;
padding-right:8px;
border: 2px outset #F0DFDD ;
background-color:#DCC8BE;
}

* html #contenu #gauche .btEnvoyer{
margin-right:12px;
padding-left:5px;
padding-right:5px;
}

/*RollOver du bouton Envoyer sur Firefox*/
#contenu #gauche .btEnvoyer:hover{border: 2px outset #F4FEFF;background-color:#F1EDED;}
#contenu #gauche .btEnvoyer:active{border: 2px inset #C9C7C6;background-color:#DCD4D3;}
#contenu #gauche .btEnvoyer:focus{border: 2px outset #C6D5CF;}

/*Style des listes dans la page centrale et sur les liens*/
#contenu #gauche #texte ul{
margin:0;
padding:0;
list-style-type:none;
}

#contenu #gauche #texte ul li{
	margin-left:0;
	margin-top:4px;
	margin-bottom:4px;
	padding:0;
	border-bottom: 1px solid #977B7B;
}

#contenu #gauche #texte ul .liens{
float:right;
display:inline;
}

#contenu #gauche #texte ol{
list-style-type:square;
}

#contenu #gauche #texte p {
margin:0;
padding:0;
}

#contenu #gauche #texte  h3{
font-size: 100%;
margin:0;
padding:0;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
font-weight:bold;
}

#contenu #gauche #texte  .nomProjet{
font-size: 100%;
margin:0;
padding:0;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
font-weight:bold;
}

/*Style pour les pages projet*/
#contenu #gauche #texte .informations{
margin-top:5px;
margin-bottom:8px;
text-align:left;
font-size:11px;
line-height:13px;
}

#contenu #gauche #texte #descriptionProjet{
clear:both;
margin-top:5px;
text-align:justify;
line-height:14px;
}

#contenu #gauche #texte #descriptionProjet p {
margin-top:9px;
}

#contenu #gauche #nouveauxProjets img{
	margin: 3px 6px 0 0;
	padding: 0;
}

#contenu #gauche #texte #imageProjet{
font-size:10px;
text-align:center;
margin-left:5px;
margin-bottom:5px;
float:right;
display:inline;
margin-right:2px;
}

* html #contenu #gauche #texte #imageProjet{
margin-bottom:0;
line-height:10px;
}

#contenu #gauche #texte #informationsProjet{
width:189px;
float:left;
display:inline;
}

#contenu #gauche #texte #imageProjet img{
	border:3px double #6B6B6F;
	margin-bottom:4px;
}

#contenu #gauche .moi{
padding:1px;
border:1px solid black;
float:left;
margin-right:6px;
margin-bottom:3px;
}

/*Style pour la section Derniers projets ajoutés*/
#contenu #gauche #nouveauxProjets{
	min-height:82px;
	overflow: hidden;
	max-height:125px;
	width:97%;
}

/*Roll over des images*/
#contenu #gauche #nouveauxProjets a:link img {border: 1px solid #6B6B6F;}	
#contenu #gauche #nouveauxProjets a:visited img {border: 1px solid #919192;}	
#contenu #gauche #nouveauxProjets a:hover img {border: 1px solid #BDBEBF;}	
#contenu #gauche #nouveauxProjets a:active img{border: 1px solid #525252;}	

/*Particularités d'internet explorer*/
* html #contenu #gauche #nouveauxProjets a:link img {border: 0;}	
* html #contenu #gauche #nouveauxProjets a:visited img {border: 0;}	
* html #contenu #gauche #nouveauxProjets a:hover img {border: 0;}	
* html #contenu #gauche #nouveauxProjets a:active img{border: 0;}	
* html #contenu #gauche #nouveauxProjets a:link{border: 1px solid #6B6B6F;}
* html #contenu #gauche #nouveauxProjets a:visited{border: 1px solid #919192;}
* html #contenu #gauche #nouveauxProjets a:hover {border: 1px solid #BDBEBF;}	
* html #contenu #gauche #nouveauxProjets a:active {border: 1px solid #525252;}	

#contenu #gauche #nouveauxProjets h2{
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
}

#contenu #gauche #nouveauxProjets img{
	margin: 3px 6px 0 0;
	padding: 0;
}

/*Style du bas de page*/
#contenu #gauche #basPage{
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size: .7512em;
	width:96%;
}

#gauche #basPage a:link,#gauche #basPage a:visited,#gauche #basPage a:hover,#gauche #basPage a:active{border:0;}

#contenu #gauche #basPage p{
margin:0;
color: #0D3644;
}

#contenu #gauche #basPage .navPage{
margin-right:10px;
}

/*Contenu de la partie droite de la carte*/
#contenu #droite{
	float:left;
	position: static;
	width:142px;
	height:330px;
	padding: 8px 0 8px 8px;
	overflow: hidden;
}

/* Corriger la particularité sur Explorer */
* html #contenu #droite{
	padding: 8px 0 8px 12px;
}

/*Les carrés de couleur*/
#contenu #droite #carres{
	width: 13px;
	height:67px;
	float:left;
}

* html #contenu #droite #carres{
	height:66px;
}

#contenu #droite #carres img {
	margin-bottom: 3px;
	float:left;
}

#contenu #droite a:link img {border: 1px solid #6F7073;}
#contenu #droite a:visited img {border: 1px solid #6F7073;}
#contenu #droite a:hover img {border: 1px solid #C4C4C5;}
#contenu #droite a:active img {border: 1px solid #424344;
}

* html #contenu #droite a:link {border-color: #6F7073;}
* html #contenu #droite a:visited {border-color: #6F7073;}
* html #contenu #droite a:hover {border-color: #C4C4C5;}
* html #contenu #droite a:active {border-color: #424344;}

#contenu #droite #timbre{
	margin-left:38px;
	padding-top:4px;
	width:86px;
	height:58px;
}

/*Style du timbre*/
* html #contenu #droite #timbre{
	margin-left:36px;
	padding-top:4px;
}

#contenu #droite #timbreAccueil{
	margin-left:94px;
	padding-top:4px;
	width:86px;
	height:58px;
}

* html #contenu #droite #timbreAccueil{
	margin-left:92px;
	padding-top:5px;
}

/*Style du menu principal*/
#contenu #droite #menu{
	width: 130px;
	clear:both;
	font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
	font-size: .7512em;
	line-height: 18px;
	height:230px;
}

/*Style des liens du menu*/
#contenu #droite #menu a:link{color:black;text-decoration: none;border:0;}
#contenu #droite #menu a:visited{color:#333333;text-decoration: none;border:0;}
#contenu #droite #menu a:hover{color:#556F8A;text-decoration: none;border:0;}
#contenu #droite #menu a:active{color:#2C3745;text-decoration: none;border:0;}

#contenu #droite #menu ol{
	padding:0;
	margin:0;
	list-style-type: none;
}

#contenu #droite #menu li{
	font-weight:bold;
	margin:0;
	padding:0;
	border-bottom: 1px solid #977B7B;
}

#contenu #droite #menu ul {
list-style-type: none;
margin:0;
padding-left:15px;
font-size:85%;
}

#contenu #droite #menu .pageActive, #contenu #droite #menu ul .pageActive a:link, #contenu #droite #menu ul .pageActive a:visited{
color:#465A71;
}

#contenu #droite #menu ul li {
border:none;
}

/*Sur la page d'accueil, gere le projet au hasard*/
#contenu #droite #projetHasard{
margin-top:10px;
width:187px;
height:159px;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
}

#contenu #droite #droits{
font-size:10px;
font-family: Tahoma, Helvetica, Verdana, Geneva, sans-serif;
}

/*Style du lien en bas de section droite*/
#contenu #droite #droits a:link {text-decoration:none;color:#C43545;}
#contenu #droite #droits a:visited {text-decoration:none;color:#D66772;}
#contenu #droite #droits a:hover {text-decoration:underline;color:#DF8A93;}
#contenu #droite #droits a:active {text-decoration:underline;color:#7D222C;}

/*Style de la page photo.php*/
.descriptionPhoto {
font-family:"Trebuchet MS", Geneva, Helvetica, sans-serif;
text-align:center;
width:500px;
margin-top:5px;
padding:5px;
background-color:white;
border: double 3px black;
margin-right:auto;
margin-left:auto;
/* Gestion de la transparence sur explorer, firefox en CSS3, attention, non valide dans le validateur W3C*/
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
}

.descriptionPhoto h1{
font-size:.8138em;
margin:0;
}

.descriptionPhoto p{
font-size:.7215em;
margin:0;
}

.descriptionPhoto table{
font-size:.7215em;
}

* html .descriptionPhoto table{
font-size:100%;
}

.photographie{
border: black 2px solid;
}

.descriptionPhoto a:link{font-size:14px;text-decoration:none;color:#C43545;font-weight:bold;}
.descriptionPhoto a:visited{font-size:14px;text-decoration:none;color:#D66772;font-weight:bold;}
.descriptionPhoto a:hover{font-size:14px;text-decoration:underline;color:#DF8A93;font-weight:bold;}
.descriptionPhoto a:active{font-size:14px;text-decoration:underline;color:#424344;font-weight:bold;}