@charset "utf-8";
/* CSS Document */


body{
		
		background-color:#000;
		
}

/*///////////////////////////////////////
			Le conteneur 
///////////////////////////////////////*/

  /*  le but c'est de faire un  cadre  ou tu mettra  le reste dedans et c'est ce cadre qui subira les transformations */

#Conteneur_g{

			width:950px ;
			height: 713px;
			margin : 0 auto ; 	
			margin-top: 0px ;
			}
			
/*/////////////////////////////////////
		    Le Header
/////////////////////////////////////*/


#header{
	width:900px;
	height:84px;
	margin:0 auto;
	margin-top:0px;
	
	}

	

#logo{
	position:relative;
	background:url(theme/logo.png) no-repeat;
	width:150px;
	height:84px;
}
#banniere{
	float:right;
	background-color:#999;
	position:relative;
	width:740px;
	height:80px;
	margin-top:-5.1em;
	
}

/*/////////////////////////////////////
		    Le conteneur
/////////////////////////////////////*/
#conteneur {
	background-image:url(theme/fond.jpg);
	margin-top:-10px;
	margin-left:0px;
	width:935px;
	height:524px;
	
	}

/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/

#menu {
	position:absolute;
	height:60px;
	width:720px;
	margin-top:30px;
	margin-left:202px;

}

#menu ul li{
	float:right;
	padding:0 14px 0 5px;
	list-style:none;
	text-align:center;
	
	
	
}

#menu ul li a{
	font-size:10px;
	line-height:15px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:top center;
	padding-bottom:20px;
	padding-left:18px;
	padding-right:18px;
	padding-top:5px;
	
	font-family:Verdana, Geneva, sans-serif;
	
}
#menu ul li a:hover{
	line-height:15px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:top center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	
}


#menu ul li a.btn{
	background-image:url(theme/icphoto.png);
}

/*/////////////////////////////////////
		    Le menu 2
/////////////////////////////////////*/
#accueil {
	background-image:url(theme/icext.png);
	position:absolute;
	margin-top:465px;
	margin-left:20px;
	text-decoration:none;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
#accueil a.btn {
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#accueil a:hover{
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#presentation {
	background-image:url(theme/icext.png);
	position:absolute;
	margin-top:465px;
	margin-left:100px;
	padding-left:10px;
	padding-right:10px;
}

#presentation a.btn {
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#presentation a:hover{
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}



#contact {
	background-image:url(theme/icext.png);
	position:absolute;
	margin-top:465px;
	margin-left:215px;
	padding-left:10px;
	padding-right:10px;
}

#contact a.btn {
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#contact a:hover{
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/*/////////////////////////////////////
		    Le contenu
/////////////////////////////////////*/


#photodefilport{
	position:absolute;
	background-color:#000;
	width:262px;
	height:350px;
	margin-left:345px;
	margin-top:25px;
}
#sectionport{
	
	text-align:justify;
	color:#fff;
	position:absolute;
	width:290px;
	height:350px;
	margin:20px;
	margin-left:35px;
	margin-top:25px;
}
#sectionport h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-align:center;
	color:#fff;
}
#sectionport h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-stretch:normal;
	font-size:11px;
	line-height:21px;
	text-align:justify;
	color:#CCC;
}
#sectionport h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-stretch:normal;
	font-size:11px;
	line-height:21px;
	letter-spacing:1px;
	text-align:justify;
	color:#CCC;
}

#photodefilita{
	position:absolute;
	background-color:#000;
	width:375px;
	height:250px;
	margin-left:140px;
	margin-top:140px;
}
#sectionita{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-align:justify;
	color:#fff;
	position:absolute;
	width:600px;
	height:80px;
	margin:20px;
	margin-left:20px;
	margin-top:10px;
}
#sectionita h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-align:center;
	color:#fff;
}
#sectionita h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	text-align:center;
	color:#CCC;
	line-height:20px;
}

#trouver {
	width:210px;
	height:300px;
	position:absolute;
	padding-top:1em;
	padding-left:2em;
	text-align:center;

}
#trouver h1{
	font-size:24px;
	color:#FFF;
	}
#trouver h2{
	font-size:16px;
	color:#FFF;
	}
#fondcontact {
	background-image:url(theme/fondcontact.png);
	position:absolute;
	width:636px;
	height:410px;
	margin-left:275px;
	margin-top:80px;
}
#diapofondcontact {
	background-image:url(theme/diapofondcontact.png);
	position:absolute;
	width:636px;
	height:410px;
	margin-left:275px;
	margin-top:80px;
}
#indic {
	position:absolute;
	margin-top:335px;
	margin-left:230px;	
	font-size:16px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

#photomignot {
	position:absolute;
	width:197px;
	height:99px;
	margin-top:290px;
	margin-left:10px;
}
#studiomignot {
	position:absolute;
	width:197px;
	height:99px;
	margin-top:275px;
	margin-left:15px;
}
#decomignot {
	text-decoration:none;
	position:absolute;
	width:194px;
	height:83px;
	margin-top:295px;
	margin-left:420px;
}

#pub {
	position:absolute;
	width:235px;
	height:350px;
	margin-left:30px;
	margin-top:80px;
}
#text {
	position:absolute;
	width:250px;
	height:420px;
	margin:26px 25px;
}

#titre {
	
	position:relative;
	text-align:center;
	width:230px;
	height:50px;	
	margin-left:10px;
	margin-top:60px;
}

#titre H1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
	color:#FFF;
}

#texte {
	
	position:relative;
	text-align:center;
	width:235px;
	height:350px;
	margin-left:5px;
}
#texte h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	color:#CCC;
	text-align:center;
}
#texte h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:30px;
	color:#CCC;
	text-align:center;
}

#fonddiap {
	background-image:url(theme/diapofond.png);
	position:absolute;
	width:636px;
	height:410px;
	margin-left:275px;
	margin-top:80px;
	border:none;
	text-decoration:none;
	
}


#fondcontact {
	background-image:url(theme/fondcontact.png);
	position:absolute;
	width:636px;
	height:410px;
	margin-left:275px;
	margin-top:80px;
	border:none;
	text-decoration:none;
	
}


#autrepres {
	background-image:url(theme/autrepres.png);
	position:absolute;
	width:636px;
	height:403px;
	margin-left:0px;
	margin-top:0px;
}


#diapo {
	position:relative;
	margin-top:35px;
	margin-left:70px;
}

#bienvenue{

	position:absolute;
	text-align:center;
	width:460px;
	height:300px;
	margin-left:90px;
	margin-top:100px;
	color:#FFF;

}

#bienvenue H1{
	text-align:center;
	font-family:"Minion Pro";
	font-size:24px;
	letter-spacing:1px;	
}

#bienvenue H2{
	font-family:"Minion Pro";
	font-size:15px;
	letter-spacing:1px;	
}
#coordonnees {
	position:absolute;
	width:450px;
	height:10px;
	color:#999;
	margin:0 auto;
	margin-top:-10px;
	margin-left:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#copyright {
	font-size:8px;
	color:#999;
	text-align:center;
	position:absolute;
	margin:0 auto;
	margin-top:40px;
	height:15px;
	width:950px;	
}

/*/////////////////////////////////////
		    Le formulaire
/////////////////////////////////////*/
@charset "utf-8";
/* CSS Document */

p.titrefm {
	margin-top:0px;
  color:#fff;
  font-size:1.2em;
  margin-bottom:1em;
  width:3.5em;
  margin-left:20px;
}
p.titref {
  color:#fff;
  font-size:1.2em;
  width:5em;
  height:20px;
  margin-left:20px;
}

fieldset {
	position:relative;
	border:none;
  width:280px;
  height:170px;

}
select {
  margin-left:20px;
}
#coordonneesf label {
	
	color:#FFF;
  position:absolute;
  font-size:90%;
  padding-top:1px;
  left:10px;
  
  
}
#coordonneesf input {
	margin-left:90px;
  
}
#civilite {
	color:#FFF;
  font-size:90%;
  margin-bottom:5px;
  margin-top:-5px;
}

#civilite input {
  margin-left:60px;
}
#civilite input + input {
	
  margin-left:1em;
}
/* cases a cocher des centres d'interet */
#interets {
	margin-top:5px;
  font-size:90%;
  color:#FFF;
}
#interets input {
  margin-left:6.6em;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:2em;
}

/* zone de texte du message */
textarea {
	margin-top:-10px;
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  width:14.7em;
  padding:1.4em;
  margin-left:10px;
}
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#000;
  font:0.8em "Trebuchet MS", Verdana, sans-serif;
  color:#fff;

}
p#buttons {
	margin-top:.8em;
  text-align:center;
 
	
}