#global {width: 1200px;height: 100%;background-color: #FFFFFF; font-size:15px; font-family:Myriad pro, Sans Serif, Tahoma, Arial; margin-left:auto; margin-right:auto;}
body {background-color:#FFFFFF;}

/* HEADER */
#header {
	width: 100%;
	height: 120px;
	margin-bottom: 20px;
}

#header #maintitle img {
	margin-top:30px;
	margin-bottom: 20px;
}

#header #inscription {
	float: left;
	margin-top:20px;
	width: 300px;
	margin-left: 20px;
	
}
#header #inscription div {margin-bottom:2%}
#header #inscription label {
	width: 50px;
	font-size:0.85em;
	margin-right: 20px;
}
#header #inscription .champ {
	
	width: 100px;
	border: #CCC 1px solid;
	margin-bottom: 4px;
}
#header #inscription #bouton {
	background:none;
	cursor:pointer;
	border: #CCC 1px solid;
	margin-bottom: 4px;
	height: 40px;	
	width : 40px;
	font-family: Myriad pro, Tahoma, Arial, "Sans Serif";

}
#header #inscription a {
	font-size: 0.9em;
	text-decoration:none;
}
#header #inscription a:hover {
	color:#5c5c5c;
	text-decoration:none;
}
/* CONTENT */
#content {
	height: 100%;
	width: 890px;
	/*width: 890px;*/
	text-align:left;
	/*margin-left : 280px;*/
	color: #000000;
	font-style: normal;
	float:right;
}
#content  a {
	text-decoration:none;
	   outline:none;


}

#content  a:hover {
	color:#5c5c5c;
	text-decoration:none;
}

.col-l {
	height: 40px;
	display:block;
	margin-left: 20px;
	/*margin-right: 40px;*/
	float: left;
}

.bouton2 {
	background:none;
	cursor:pointer;
	border: #CCC 1px solid;
	margin-bottom: 4px;
	height: 20px;	
	width : 20px;
	font-family: Myriad pro, Tahoma, Arial, "Sans Serif";

}


.col-r {height: 100%;width: 20%;float: left; margin-left:2%; margin-top:5.7%;}
.col-m {
	height: 100%;
	margin-left: 280px;
}
.col-m2 {height: 100%;width: 57%;float: left; margin-bottom:4%;}
.colimg {
	display:block;
}

a{
	text-decoration : none;
	color : #000000;

	}
/*-------------------------------------- col-l -------------------------------------------------*/


.col-l .infobox1{		
	display: block;
	height:28px;
	width: 220px;
	background : url(img/barmenu.jpg);
	color:#FFFFFF;
	/*text-transform: capitalize;*/
	text-align: center;
	/*vertical-align: middle;*/
	font-style: normal;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;

	
	}
.col-l .infobox1:hover{	
	background : url(img/barmenu2.jpg);
	background-repeat : no-repeat;
	color:#000000;
	}
.col-l .infobox2{		
	display: block;
	height:30px;
	width: 220px;
	background : url(img/barmenu2.jpg);
	color:#000000;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;
	}
.col-l .infobox2:hover{	
	background : url(img/barmenu.jpg);
	background-repeat : no-repeat;
	color:#FFFFFF;
	}

	
.col-l #textinfobox {
	font-size:0.7em;
	color:black;
	text-align:justify;
	width:180px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	height: auto;
}
.col-l #imginfobox {
	width:100%;
	margin-bottom:20px;
}

.col-l #optionsbox {border: 1px solid #5c5c5c; width:94.5%; height:100%; margin-top:12%; padding-left:3%; padding-bottom:3%;}
.col-l #imgboutons2 img{display:block; width:12%; height:100%; margin-right:2%; float:left;}
.col-l #imgoptions {display:block; width:86%; height:100%;}
.col-l #imgoptions #option {display:block; font-size:0.65em; font-weight:bold; text-decoration:none; color:#5c5c5c; margin-top:4%; text-align:left;}
.col-l #imgoptions #option:hover { display:block; font-size:0.65em; font-weight:bold; text-decoration:none; color:#ffffff;}
.col-l #terms {font-size:0.65em; color:#5c5c5c; text-decoration:none;}
.col-l #terms:hover {font-size:0.65em; color:#5c5c5c; text-decoration:underline;}


/*-------------------------------------- col-m -------------------------------------------------*/
.col-m #homemenu {height:29px; margin-bottom:5%;}
.col-m #top-l {background:url(img/top-l.png); float:left; width:9px; height:29px;}
.col-m #top {	background:url(img/top.png) repeat-x;height:29px;width:96.7%;float:left;}
.col-m #top-r {background:url(img/top-r.png); width:9px; height:29px; float:left;}
.col-m #homeimg img {
	width:100%;
	border:1px #5c5c5c solid;
	margin-bottom: 20px;
}
.col-m #homemenu #top li {display: block;width: 25%; height: 29px;float: left;text-align: center; text-transform:uppercase;}
.col-m #homemenu #top a {text-decoration: none;color: #FFFFFF;display: block;height: 24px;width: 100%;padding-top: 5px;}
.col-m #homemenu #top #news a:hover {color: #FFFFFF;display: block;height: 24px;width: 100%;padding-top: 5px; background-color:#5C5C5C}
.col-m #homemenu #top #news {display:none;}
.col-m #homemenu #top #galleries {display:none;}
.col-m #homemenu #top #galleries a:hover {color: #FFFFFF;display: block;height: 24px;width: 100%;padding-top: 5px; background-color:#5C5C5C}
.col-m #homemenu #top li ul .sousmenu {width: 100%;height: 29px;background-color: #979797;border-left: 1px solid #5c5c5c; border-right:1px solid #5c5c5c; border-bottom:1px solid #5c5c5c; position:relative;}
.col-m #pageindex {
	font-size:0.9em;
	color:black;
	text-align:left;
	text-decoration:none;
	margin-bottom:2%
}
.col-m #pageindex b{ font-size:1.2em;}
#titlem {display:block; margin-top:0.6%;color:#FFFFFF;text-transform: uppercase;}
#titlem2 {display:block; margin-top:0.9%;color:#FFFFFF;text-transform: uppercase;}

.colimg #pagecontent {height:29px; margin-bottom:4%;}
.colimg #pagecontent #top-l {background:url(img/top-l.png); float:left; width:9px; height:29px;}
.colimg #pagecontent #top {	background:url(img/top.png) repeat-x;height:29px;width:96.7%;float:left;}
.colimg #pagecontent #top-r {background:url(img/top-r.png); width:9px; height:29px; float:left;}

.colimg .lineimg {display:block; width:100%; margin-bottom:5%; height:300px;}
.colimg .lineimg #img1 {display: block; max-width: 18%;float: left;margin-right:2%}
.colimg .lineimg #img1 #cadre {display: block; height:205px; margin-left:auto; margin-right:auto;}
.colimg .lineimg #img1 #cadre img{display: block;  margin-left:auto; margin-right:auto;}
.colimg .lineimg img {border: 1px solid #5c5c5c; max-height:200px; margin-bottom:3%;}
.colimg .lineimg #boutons {margin-bottom:3%;}
.colimg .lineimg #boutonsimg {border:none;width:140px;}
.colimg .lineimg #img1 #textimg {font-size: 0.6em;text-align: justify;}
.colimg .lineimg #img1 #textimg #redactor {display: block;width: 50%; height:25px;font-size: 1.2em;font-weight: bold;margin-bottom: 3%;float: left;}
.colimg .lineimg #img1 #textimg #dateimg {display: block;width: 50%; height:25px;font-size: 1.2em;margin-bottom:3%; float:right; text-align:right;}
.colimg .lineimg #img1 #boutons {height: 25px;width: 100%;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #5c5c5c;border-bottom-color: #5c5c5c;}


.colimg .lineimg2 {
	/*display:block;
	margin-bottom:1%;*/

}
.colimg .lineimg2 img {

}
.colimg .lineimg2 #img2 {
	display: block;
	width: 215px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #5c5c5c;
	border-right-color: #5c5c5c;
	border-bottom-color: #5c5c5c;
	border-left-color: #5c5c5c;
	height: auto;
	padding-bottom: 20px;
	float: left;
}
.colimg .lineimg2 #img2 .lienalbum :active{
	text-decoration:none;
}
.colimg .lineimg2 #img2 .lienalbum :link{
	text-decoration:none;
}
.colimg .lineimg2 #img2.lienalbum:visited{
	text-decoration:none;
}
.colimg .lineimg2 #img2 #cadre {
	display: block;

	height:auto;
}
.colimg .lineimg2 #img2 #cadre img{
	display: block;

	height: 240px;
	width: 160px;
}
.colimg .lineimg2 #img2 #textimg {
	font-size: 0.6em;
	text-align: left;
	display:block;
	color:#5c5c5c;
	max-width:160px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-bottom: 20px;
	height: auto;
	width: 160px;
	float: left;
	margin-top: 10px;
}

.colimg .lineimg2 #img2 #textimg .dateimg {
	display:block;
	width:100%;
	font-size: 1.5em;
	margin-bottom:4px;
	font-weight:bold;
	margin-left: 4px;
	color:#5c5c5c;
}

.colimg .lineimg2 #img2 #textimg .dateimg:hover
{
	color:#000000;
}



.colimg .lineimg2 #img2 #nbimg {text-align:center; color:#0000CC; font-size:0.8em; margin-top:-2%; margin-bottom:3%;}


.colimg .lineimg3 {display:block; width:98%; margin-bottom:3%; height:300px; border:1px solid #5c5c5c;}
.colimg .lineimg3 #titregallerie {display:block; width:98%; margin-bottom:1%; height:8%; background-color:#a4a696; margin-left:auto; margin-right:auto; margin-top:1%;}
.colimg .lineimg3 #titlegallerie {font-size:1.2em; color:#5c5c5c; font-weight:bold; margin-left:2%;}
.colimg .lineimg3 #globalgallerie {width:97%; float:left; display:block; height:100%;}
.colimg .lineimg3 #gall-l {width:11px; height:51px; float:left; margin-top:20%;}
.colimg .lineimg3 #gall-r {width:11px; height:51px; float:left; margin-top:20%;}
.colimg .lineimg3 img {border: 1px solid #5c5c5c;max-width:140px; max-height:170px; margin-bottom:3%;}
.colimg .lineimg3 #img2 {display: block;width: 25%; float: left;}
.colimg .lineimg3 #img2 #cadre {display: block; width:140px; height:180px; margin-left:auto; margin-right:auto; border-bottom:1px solid #a4a696;}
.colimg .lineimg3 #img2 #cadre img{display: block; margin-left:auto; margin-right:auto; max-width:140px;}
.colimg .lineimg3 #img2 #textimg {font-size: 0.6em;text-align: justify; display:block; margin-bottom:5%; color:#5c5c5c; margin-left:auto; margin-right:auto; max-width:140px; margin-top:3%;}
.colimg .lineimg3 #img2 #textimg #dateimg {display:block; width:100%;font-size: 1.2em;margin-bottom:3%; color:#5c5c5c; font-weight:bold;}
.colimg .lineimg3 #img2 #nbimg {text-align:center; margin-top:2%;}
.colimg .lineimg3 #img2 #nbimg a{text-align:center; color:#0000CC; font-size:0.8em; text-decoration:none;}
.colimg .lineimg3 #img2 #nbimg a:hover {text-align:center; color:#0000CC; font-size:0.8em; text-decoration:underline;}


/*-------------------------------------- col-m2 ------------------------------------------------*/
.col-m2 #pagecontent {height:29px; margin-bottom:4%;}

.col-m2 #top-l {background:url(img/top-l.png); float:left; width:9px; height:29px;}
.col-m2 #top {	background:url(img/top.png) repeat-x;height:29px;width:96.7%;float:left;}
.col-m2 #top-r {background:url(img/top-r.png); width:9px; height:29px; float:left;}

.col-m2 #popupimg {width:100%; margin-left:auto; margin-right:auto;}
.col-m2 #popupimg img {width:100%;border:1px #5c5c5c solid;}
.col-m2 #popuplegend {text-align:center; font-size:1em;}

.col-m2 #collpopup {width:10%;display:block;float:left;}
.col-m2 #colmpopup {width:80%;display:block; float:left;}
.col-m2 #colrpopup {width:10%;display:block;float:right;}
.col-m2 #colrpopup img{float:right;}


/*-------------------------------------- col-r -------------------------------------------------*/
.col-r {font-size:0.85em;}
.col-r img {width:94.5%; border:1px #5c5c5c solid;float:right;}

/*------------------------------------- CONTACT ------------------------------------------------*/
#pagecontact {

}

#titrecontact {
	font-size:1.4em;
	margin-bottom:2%;
}
#titreadcontact {
	font-size:1.6em;
}
.adresse{
	display:block;
	font-size:1.2em;
}
.phrasecontact {
	font-size:0.85em;
	display:block;
	margin-left: 50px;
}
.liencontact {color:#000000;}
.liencontact:hover {	color:#5c5c5c; text-decoration:none;}
#adressecontact {
	margin-top: 80px;
}
#imagecontact {width:49%; float:left;}
#imagecontact img {border:1px #5c5c5c solid; height:135px; float:right;}
#bandeaucontact {height:100%;}

#formulaire {
	display:block;
	width:100%;
	margin-top: 40px;
}
#formulaire form{width:100%}
#formulaire label{
	font-size:15px;
}
#formulaire .forml {
	width:47%;
	float:left;
	display:block;
	margin-bottom:1%;
	margin-right: 6%;
}
#formulaire .formr { width:47%; float:right; display:block; margin-bottom:1%;}
#formulaire .fmessage {
	width:100%;
	margin-bottom:1%;
	margin-top: 1%;
	display: block;
}
#formulaire input {
	width: 150px;
	border: #CCC 1px solid;

	margin-bottom: 8px;
}
#formulaire2 input {
	
}
#formulaire select {
	width: 152px;
	border: #CCC 1px solid;
	margin-right: 0px;
	margin-bottom: 4px;
}
#formulaire #hidden {
	visibility:hidden;
	display:block;
	width:68px;
	height:29px;
	color:#FFFFFF;
	margin-left:475px;
	cursor:pointer;
	background-image: url(img/boutton.JPG);
	margin-top: 20px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-color: #999999;
}
#formulaire textarea {
	width:465px;
	height:60px;
	padding: 2px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin-right: 0px;
	margin-bottom: 4px;
}
#formulaire #formc_bouton{	display:block;
	width:68px;
	height:29px;
	color:#FFFFFF;
	margin-left:475px;
	cursor:pointer;
	background-image: url(img/boutton.JPG);
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-color: #999999;
}

#formulaire #bouton {
	display:block;
	width:68px;
	height:29px;
	color:#FFFFFF;
	margin-left:475px;
	cursor:pointer;
	background-image: url(img/boutton.JPG);
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-color: #999999;
}
#formulaire #submit {
	cursor:pointer;
	border-top-style: 1px;
	border-right-style: 1px;
	border-bottom-style: 1px;
	border-left-style: 1px;
	width: 68px;
	height:20px;
	font-family: Arial, "Myriad pro", Tahoma, "Sans Serif",;
	color: #FFFFFF;
	background-color:#000000;
	}

/*----------------------------------------------------------------------------------------------*/

/* -- JQUERY -- */
#menuacc {width:94%; margin-left:auto; margin-right:auto;}
#navigation {}
#navigation .head1 {display: block;width:100%;text-decoration: none;list-style-type: none;background-color: #5C5C5C;color: #FFFFFF;}
#navigation .head1 img{display: block; width:12px; height:12px; margin-top:2%; float:left; margin-right:2%;}
#navigation .lien1 a{display: block;width: 100%;text-align:center; text-decoration:none;}
#navigation .lien1 a:hover{display: block;width: 100%;text-align:center; text-decoration:none; background-color:#5c5c5c;}
#navigation li {display: block;list-style-type: none;width: 100%;background-color: #aCaCaC;color: #FFFFFF;}
#navigation a {color: #000000;display: block;width: 100%;}
#navigation a:hover {color: #ffffff;display: block;width: 100%;}

/* ------------ */

/* FOOTER */
#footer {
	font-family: Myriad pro,Sans Serif,Tahoma,Arial;
	height: 110px;
	width: 100%;
	float: left;
	border-top:1px;
	color:#5c5c5c;
	margin-top: 90px;

}
#footer a {font-size:1em; color:#5c5c5c; text-align:center; text-decoration:underline;}
#footer a:hover {font-size:1em; color:#5c5c5c; text-align:center; text-decoration:none;}
#footer #footerupp {
	font-size:0.8em;
	color:#5c5c5c;
	text-align:center;
	text-decoration:none;
	margin-left : 140px;
}

#content .colimg .lineimg2 .cadre2a {
	float : left;
	width : 100px;
	height : 180px;
}
#content .colimg .lineimg2 .cadre2b {
	float : left;
	width : 100px;
	height : 140px;
}
#content .colimg .lineimg2 .ap_photoToA {
	float: left;
	height: 700px;
	width: 470px;
}
.colimg .lineimg2 #lookbooks {
	color: #FFFFFF;
	background-color: #000000;
	margin-top: 10px;
	width: 140px;
	visibility: hidden;
}
#content #mylookbooks {
	float: left;
	height: 720px;
	width: 740px;
	margin-left: 100px;
}
#mylookbooks .gestionmlb {
	float: right;
	width: 280px;
}
#content #mylookbooks .gestionmlb h1 {
	text-decoration: underline;
}
#mylookbooks .gestionmlb #formCreatLb {
	visibility: hidden;
}
.lienalbum {
	color: #000000;
	text-decoration: none;
}
.lienalbum2 {
	color: #000000;
	text-decoration: none;
	font-weight: bold; 
}
#header #maintitle {
	width: 500px;
	height: 120px;
	margin-left: 450px;
	margin-top: 20px;
}