/* CSS Document */

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
}
body, div, p, ul, li, dl, dt, dd, form, h1, h2, h3, h4, h5, span, a {
	margin: 0;
	padding:0;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	cursor:pointer;
	color:#657456;
}
ul, li {
	list-style-type:none;
}
a:hover, a:active, .fauxnoir {
	color: #1d1719;
}

#page {
	width:938px;
	margin:0 auto;
	position:relative;
}
#annonce {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	z-index:1000;
}
#contentannonce {
	text-align:center;
	height:1000px;
	margin-top:95px;
	background-color:#ffffff;
	cursor:pointer;
}
#contentannonce img {
	cursor:pointer;
}

#logo {
	margin-top: 25px;
	height:70px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background : #FFFFFF url(../images/logo-mg-photo.gif) left top no-repeat;
}
#titrepage {
	height: 34px;
	text-align: right;
	margin-bottom: 2px;
}
#logo span, #titrepage span {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#cadres {
	position: relative;
	height:440px;
}
#gauche, #droite, #protectgauche {
	position: absolute;
	top:0;
	width: 460px;
	height:440px;
	margin: 0;
	padding:0;
	/*background-image: url(../images/rubriques/7-visuel.jpg);*/
}
#gauche {
	left: 0;
	border:solid 2px #919682;
	/*border:solid 2px #C5CEBC;*/
	overflow:hidden;
	/**/
	/*line-height:439px;*/
	/**/
}
#droite {
	right: 0;
	border:solid 2px #C5CEBC;
}
#protectgauche {
	left: 0;
	z-index:200;
}
#piedpage {
	height: 35px;
}


/*** CADRE DROITE PORTFOLIO ***/

#vignetteAcc {
	position: relative;
	margin: 0 auto;
	top:50%;
	/*margin-top: -142px;
	height:284px;*/
	width: 284px;
}
#vignettePortf {
	position: relative;
	margin: 0 auto;
	top:50%;
	z-index:100;
	border: 1px hidden #1d1719;
}
#vignetteBack, #vignetteNext {
	z-index:100;
}

#imgover {
	position:relative;
	margin: auto;
	z-index:101;
	top:50%;
	height:252px;
	width:240px;
}

/* TEXTE RUB */
#afftext {
	position: absolute;
	bottom:0;
	right:0;
	z-index:102;
}
#presentrub {
	position: relative;
	margin: 0 auto;
	/*z-index:103;*/
}
#textrubcache {
	position: absolute;
	top:0;
	left:0;
	width: 460px;
	height:440px;
	background-color:#FFFFFF;
	/*z-index:104;
	opacity:0.9;*/
	z-index:4;
}
#textrubfond, #textrub {
	position: absolute;
	top:0;
	left:64px;
	width:332px;
	height:440px;
}
#textrubfond {
	background-color:#C5CEBC;
	z-index:2;
	/*opacity:0.2;*/
}
#textrub {
	width:331px;
	border-left: 1px solid #C5CEBC;
	border-right: 1px solid #C5CEBC;
	z-index:3;
}
#close {
	position:absolute;
	bottom:0;
	right:0;
}
#textrub p {
	text-align:justify;
	color:#605f5f;
	margin:16px 18px;
}

/** MODULE ACCUEIL **/
#animation {
	visibility:hidden;
}

.centpourcent {
	height:100%;
	width:100%;
}
#vignetteBack, #vignetteNext, #textBack, #textNext {
	position: absolute;
	height:26px;
	width: 23px;
	top: 50%;
	margin-top: -13px;
	z-index:101;
}
#vignetteBack {
	left: 64px;
}
#vignetteNext {
	right: 64px;
}
#textBack, #textNext {
	font-size: 10px;
	color:#FFFFFF;
	width: 80px;
}
#textBack {
	left: 6px;
	text-align:left;
}
#textNext {
	right: 6px;
	text-align:right;
}


/*** CADRE DROITE TEXTE ***/

#cadre_texte {
	text-align:left;
	color:#605f5f;
	margin:16px 18px;
}
#cadre_texte h3 {
	font-size:13px;
	/*font-family:"Trebuchet MS";*/
	letter-spacing:1px;
	font-weight:normal;
	color:#1d1719;
}
#cadre_texte h4 {
	font-size:13px;
	margin:12px 0;
	font-weight:normal;
}
#cadre_texte p, #cadre_texte div {
	margin:12px 0;
}
#cadre_texte p {
	text-align:justify;
}
#cadre_texte p.adresse {
	margin: 0 0 10px 230px;
	padding-left:6px;
	border-left: 1px solid #c2ccb7;
}
#cadre_texte p a:link, #cadre_texte p a:visited {
	color:#517f23;
}

#cadre_texte p a:hover, #cadre_texte p a:active {
	color:#1d1719;
}
#vignettePrec, #vignetteSuiv {
	position: absolute;
	height:26px;
	width: 23px;
	bottom: 5px;
}
#vignettePrec {
	left: 201px;
	background : url(../images/portfolio/fl-G-bg.gif) center center no-repeat;
}
#vignetteSuiv {
	right: 201px;
	background : url(../images/portfolio/fl-D-bg.gif) center center no-repeat;
}


/*** FORMULAIRE ***/

#formulaire {
	margin-top:20px;
}

#formulaire label {
	display: block;
	/*width: 130px;*/
	width: 105px;
	float: left;
	text-align: left;
	margin-right: 5px;
	line-height:10px;
}
.champs {  
	/*width: 190px;*/
	width: 230px!important;
	width: 190px;
	font-size: 11px; 
	border: #A5A5A5 1px solid; 
	padding: 2px; 
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#formulaire p#psubm {
	margin-left: 110px;
}

.btsubmit {
	padding:2px 4px;
	border: #A5A5A5 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#e8ebe4;
	color: #605f5f;
}
.btsubmit:hover, .btsubmit:active {
	background-color:#C5CEBC;
	cursor:pointer;
	color: #1d1719;
}

#f_info, .f_jingoo {
	margin-top:0;
	*margin-top:5px;
	margin-bottom:15px;
}
#f_info label, .f_jingoo label {
	width:47px;
	display:block;
	float:left;
	height:21px;
	line-height:21px;
}
#f_info p, .f_jingoo p {
	color: #605f5f;
	margin-left:2px;
}
#f_info fieldset, .f_jingoo fieldset {
	width:214px;
	padding:2px 5px 5px 5px;
	border: solid 1px #A5A5A5;
	margin-top:10px;
	margin-left:-1px;
}
#f_info legend, .f_jingoo legend {
	color: #605f5f;
	letter-spacing:1px;
	margin-bottom:3px;
	
}
#f_info .ptchamps, .f_jingoo .ptchamps {
	width:130px;
	font-size: 11px; 
	border: #A5A5A5 1px solid; 
	padding: 1px; 
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
}
#f_info .btsubmit, .f_jingoo .btsubmit {
	padding:0;
}


/*** MENU ***/
#message {
	height:36px;
	line-height:36px;
	text-align:left;
	/*padding-left:25px;*/
}
#message p.note {
	color:#336633;
}
#menu {
	position: relative;
	/*margin-top:36px;*/
	margin-top:0;
	margin-bottom:25px;
	/*height:150px;*/
	text-align:left;
}
#menu_principal li {
	letter-spacing:1px;
	line-height:26px;
}
#menu_principal li a:link img {
	/*border: 1px solid #C5CEBC;*/ 
	border:none;
}
#menu_principal li a:link, #menu_principal li a:visited {
	color: #605f5f;
}
#menu_principal li a:hover, #menu_principal li a:active {
	color: #1d1719;
}

/* test de menu */

.menu_bis li {
	letter-spacing:1px;
	line-height:26px;
}
.menu_bis li a:link img {
	/*border: 1px solid #C5CEBC;*/ 
	border:none;
}
.menu_bis li a:link, .menu_bis li a:visited {
	color: #605f5f;
}
.menu_bis li a:hover, .menu_bis li a:active {
	color: #1d1719;
}
/* FIN test de menu */

#menu_portfolio {
	position: absolute;
	top:0;
	/*right:0;*/
	left:478px;
	width:464px; /*464+36*/
}
#menu_portfolio li {
	float:left;
	letter-spacing:1px;
	line-height:26px;
	
	/*border-left:1px solid #aab4a1;*/
}
#menu_portfolio li a {
	display:block;
	/*width: 115px;*/
	padding-left:25px;
	padding-right:5px;
	width: 202px;
	white-space:nowrap;
	overflow:hidden;
}
#menu_portfolio li a:link, #menu_portfolio li a:visited {
	color:#657456;
}
 #menu_portfolio li a:hover, #menu_portfolio li a:active {
	color: #1d1719;
	background-color:#e5ecdd;
}