* {
	margin:0;
	padding:0;
}
h1 span {
	text-transform:uppercase;
}
h1 {
	color:#006F9F;
	padding:0 0 20px 0;
	font-size:33px;
}


.bleu:hover {
	background:#006F9F;
	color:#FFFFFF;
}

.bleu {
	color:#006F9F;
	text-decoration:none;
}

body {
	background:url(../gifs/bg_body.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.notHome	{
	background:url(../gifs/bg_body.jpg) 0 -150px repeat-x;
}

#container {
	margin:auto;
	width:1000px;
	position:relative;
}

#header {
	height:298px;
	background:url(../gifs/header.jpg);
	width:1000px;
	position:absolute;
	top:0px;
}

.notHome #header	{
	height:148px
}

#adresse {
	height:42px;
	color:#FFFFFF;
	position:relative;
	margin-top:60px;
	width:100%;
	cursor:pointer
}

.notHome #adresse {
	margin-top:60px
}

#adresse h2 {
	font-size:35px;
	line-height:42px;
	float:left;
	padding:0 10px;
	z-index:1;
	position:relative;
	font-weight:normal;
	
}

#adresse p {
	line-height:21px;
	z-index:1;
	position:relative;
	padding:0;
}

#adresse strong {
	font-size:14px;
}

#adresse div {
	background:#000000;
	height:42px;
	opacity:0.8;
	filter:alpha(opacity=80);
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}


.icone:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#menu {
	height:38px;
	width:1000px;
	position:absolute;
	top:298px;
	background:#ddd
}

.notHome #menu {
	top:148px
}
#menu li {
	float:left;
	height:38px;
	text-align:center;
}

#affiche {
	
}


.menu-secondaire	{
	background: none repeat scroll 0 0 black;
    float: right;
    height: 20px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 8px;
    width: 100%;
}

.menu-secondaire li						{ display:inline-block; border-right:1px solid #fff; padding:0 10px}
.menu-secondaire li:nth-last-child(1)	{ border:none}
.menu-secondaire a						{ color:#fff; text-decoration:none}
.menu-secondaire #selected, .menu-secondaire a:hover 			{ color:#006f9f}

#menu a {
	height:38px;
	display:block;
	color:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:38px;
	text-decoration:none;
	padding:0 40px
}

#menu a:hover {
	background:url(../gifs/menu-select.gif) no-repeat top center;
	color:#006f9f;
	text-decoration:none;
}

#menu #selected {
	background:url(../gifs/menu-select.gif) no-repeat top center;
	color:#006f9f;
	text-decoration:none;
}



#content {
	width:1000px;
	padding-top:357px;
	padding-bottom:20px;
}

.notHome #content {
	padding-top:205px
	
}

.liste_expo li {
	padding:5px;	
}

.liste_expo li span {
	color:#999999;
	font-size:11px;
}

#box_right h2, #galerie h2 {
	background:#006f9f;
	color:#FFFFFF;
	font-size:14px;
	height:20px;
	line-height:20px;
	text-indent:10px;
	margin-top:10px;
}

#box_right {
	padding-left:15px;
	width:245px;

}

/*#affiche {
	position:absolute;
	left:0;
	top:0;
}*/

#galerie img {
	margin:10px;
	border:1px solid #999;
}

#galerie a:hover {
	opacity:0.7;
}

a img {
	border:none;
}

#boite_accueil {
	width:720px;
	padding-right:30px;
	position:relative;
	padding-bottom:20px;
/*	min-height:420px;
	_height:420px;*/
}

#right_accueil {
	width:210px;
	border-left:5px solid #DDDDDD;
	position:relative;
	min-height:300px;
	_height:300px;
	margin-top:10px;
	padding-left:10px;
	margin-bottom:30px;
}
#boite {
	width:690px;
	padding-right:30px;
	position:relative;
	min-height:400px;
	_height:400px;
}

ol {
	padding-left:20px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearBoth {
	clear:both;
}

#bloc_texte {
	width:380px;
	text-align:justify;
	padding:0 20px 20px 20px;
}



ul {
	list-style:none;
}

#footer {
	width:1000px;
	border-top:10px solid #dddddd;
	padding-top:15px;
	background:url(../gifs/bg-footer.png) no-repeat;
	height:100px;
}

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

#footer a:hover {
	background:#006f9f;
	color:#FFFFFF;
}

#footer li {
	float:right;
	width:170px;
	padding-left:35px;
}

#footer span {
	line-height:14px;
	font-size:11px;
}

#footer strong {
	display:block;
	padding-bottom:6px;
}

#flash {
	position:absolute;
	width:724px;
	height:296px;
	top:358px;
	left:2px;
}

#encart {
	width:1000px;
	border-top:10px solid #dddddd;
	padding-top:15px;
}

.bloc {
	float:left;
	min-height:160px;
	_height:160px;
	padding-left:25px;
	width:300px;
	position:relative;
	line-height:18px;
}

#encart_left {
	width:270px;
	padding-right:30px;
}


.bloc img {
	margin:0 2px;
}

.absolute {
	position:absolute;
}

.bloc .absolute {
	right:0;
	top:0;
}

p {
	padding-top:5px;
}

#centre {
	border-left:5px solid #dddddd;
	border-right:5px solid #dddddd;
	width:312px;
	background:url(../gifs/pellicule.jpg) top right no-repeat;
}


.titre {
	color:#444444;
	font-size:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:40px;
	line-height:normal;
}

.bloc .liens {
	position:absolute;
	bottom:0;
}


.liens a {
	background:url(../gifs/puce.png) no-repeat;
	padding:0px 3px 0 13px;
	text-decoration:none;
	color:#000000;
}

.liens a:hover {
	background:url(../gifs/puce.png) no-repeat #006f9f;
	color:#FFFFFF;
}



#formulaire label {
	display:block;
	width:200px;
	height:27px;
	line-height:27px;
	text-indent:17px;
}


.focus {
	background:#DAEEFF !important;
	border:1px solid #006F9F !important;
}
#formulaire textarea {
	border:#c7c7c7 1px solid;
	background:#FFFFFF;
	height:150px;
	padding-top:5px;
	width:385px;
}

#formulaire input {
	border:#c7c7c7 1px solid;
	background:#FFFFFF;
	height:20px;
	padding-top:5px;
	width:250px;
}

.required {
	background:url(../gifs/required.jpg) no-repeat left center;
}


#formulaire p {
	padding-bottom:25px;
}

#bt_envoyer {
	background:#006f9f !important;
	color:#FFFFFF !important;
	height:35px !important;
	width:150px !important;
	padding-top:0 !important;
	margin-left:200px;
}



#formulaire {
	width:665px;
	border-right:5px solid #DDDDDD;
	position:relative;
}

#info {
	width:290px;
	padding-left:30px;
}

h3 {
	font-size:14px;
	color:#006f9f;
	padding:20px 0 8px 0;
}

.jsvalidation {
	display:block;
	float:left;
	margin-left:200px;
}

#boite_liste {
	width:100%;

}

#boite_liste div {
	width:210px;
	padding:10px;
	position:relative;
	margin-right:24px;
	cursor: pointer;
	min-height:220px;
	background:#fff;
	margin-bottom:30px;
	border:1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 2px 2px #efefef;
	-webkit-box-shadow: 0 0 2px 2px #efefef;
	box-shadow: 0 0 2px 2px #efefef;
}

#boite_liste div:nth-child(4n){
	margin-right:0px;
}
#boite_liste div:nth-child(4n+1){
	clear:left
}

#boite_liste div:hover {
	-moz-transform:rotate(2deg) scale(1.1);
	-webkit-transform:rotate(2deg) scale(1.1);
	-webkit-transition: -webkit-transform 0.1s ease-in; /* Tells webkit to make a transition of a transform */
	-moz-box-shadow: 0 0 2px 2px #555;
	-webkit-box-shadow: 0 0 2px 2px #555;
	box-shadow: 0 0 2px 2px #555;
}

/*@media screen and (max-width: 600px) {
	#boite_liste div { display:none}
}*/

#boite_liste img {
	border:1px solid #e1e1e1;
}


#boite_liste a {
text-decoration:none; color:#2e2e2e; font-size:15px;
}

#boite_liste span {
display:block; font-size:11px; color:#999999
}

#container .mail		{ margin-bottom:10px}
#container .mail a		{ font-size:12px; font-weight:normal; color:#006f9f; text-decoration:none}
#container .mail a:hover	{ text-decoration:underline}
#container .portfolio .liens a:hover, #container .actu .liens a:hover	{ color:#FFFFFF}

#container .portfolio li		{ float:left; width:450px; margin:0 0 20px 0; overflow:hidden; display:block}
#container .portfolio li:nth-child(2n)	{ float:right}

#container .actu li				{ clear:both; overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd }
#container .actu li:nth-last-child(1)	{ border:none}
.menu-actu				{}
.menu-actu li			{ float:left; display:inline-block; margin:5px; }
 	
.menu-actu li:first-letter	{ text-transform:uppercase}
.menu-actu li a			{ text-decoration:none; display:inline-block; padding:10px; background:#CCCCCC; color:#333333; font-size:15px; font-weight:bolder; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.menu-actu li a:hover, #container .menu-actu .select	{ color:#FFFFFF; background:#666666}
.justify 	{ text-align:justify}
.mR20		{ margin-right:20px}
.mB20		{ margin-bottom:20px}
.taR		{ text-align:right}