/* Start of CMSMS style sheet 'myx' */
/* début ---- css global */
html, body {
height: 100%;
}

:focus {
outline: 0;
}



body {
margin: 0;
padding: 0;
font-family:Arial, Verdana; background:#080808;
}

#conteneur {
background:#080808 url(img/bg16.jpg) scroll repeat-x 0 bottom;
width:100%;
float:left; 
padding-bottom:20px;
min-height:716px;
}

#centre {
width:960px;
margin: 0 auto;
}

#header {
background:url(img/bg_header4.jpg) no-repeat center 0;
min-height: 242px;
height:242px;
cursor: pointer;
}

#conteneur_footer {
background: #292929;
clear:left;
}

#bgfooter {
background: #343434 url(img/bg_footer.jpg) repeat-x 0 0;
min-height:343px;
width: 100%;
float:left;
}

#footer {
color:#b3b3b3;
line-height:18px;
width:960px;
margin: 0 auto;
font-size:14px;
padding-top:30px;
}

h1 {
font-size:22px; font-weight:100; 
}

h2 {
color:#FFFFFF;
font-size:18px;
font-weight:bold;

}


h2 a{color:#FFFFFF;text-decoration: none;}
h2:hover a{color:#54a4c5;text-decoration: none;}
h2:hover:visited a{color:#FFFFFF;text-decoration: none;}
h2:hover:visited:hover a{color:#54a4c5;text-decoration: none;}

h3 {
font-size:12px; 
font-style:italic;
font-weight:100; 
color:#757575;
}

.ensavoir {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
padding-left:200px;
line-height:36px;
}

a.ensavoir {text-decoration: underline;color:#b3b3b3;}
a.ensavoir:hover {text-decoration: none;color:#fff; }
a.ensavoir:visited {text-decoration: underline;color:#b3b3b3;}
a.ensavoir:visited:hover {text-decoration: none;color:#fff;}

a.lien_footer{text-decoration: underline;color:#505050; line-height:24px;}
a.lien_footer:hover	{text-decoration: none;color:#c0c0c0; line-height:24px; }
a.lien_footer:visited {text-decoration: underline;color:#505050; line-height:24px;}
a.lien_footer:visited:hover {text-decoration: none;color:#c0c0c0; line-height:24px;}

a.lien{text-decoration: underline;color:#b3b3b3;}
a.lien:hover	{text-decoration: none;color:#fff; }
a.lien:visited {text-decoration: underline;color:#b3b3b3;}
a.lien:visited:hover {text-decoration: none;color:#fff; }

a.lien2{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-right: 30px; text-decoration: underline;color:#c0c0c0;}
a.lien2:hover	{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-right: 30px; text-decoration: none;color:#fff; }
a.lien2:visited {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-right: 30px; text-decoration: underline;color:#c0c0c0;}
a.lien2:visited:hover {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-right: 30px; text-decoration: none;color:#fff; }



a.thickbox{text-decoration: underline;color:#b3b3b3;}
a.thickbox:hover	{text-decoration: none;color:#fff; }
a.thickbox:visited {text-decoration: underline;color:#b3b3b3;}
a.thickbox:visited:hover {text-decoration: none;color:#fff; }

#menu li {
	padding: 0;
	margin: 0 0px;
	float: left;
	position: relative;	
}


#menu li em {
	font-weight: bold;
	background: url(img/hover3.png) no-repeat ;
	width: 162px;
	height: 51px;
	position: absolute;
	top: -75px;
	left: -21px;
	text-align: center;
	padding: 7px 0px 0px;
	font-style: normal;
	z-index: 2;
	display: none;
        font-size:14px;
        color:#616161;

}

.noJS {         
background-color:#FFFFFF;
border:5px solid #54a4c5;
color:#54a4c5;
font-size:14px;
font-weight:bold;
margin-left: 180px;
padding:10px;
position:absolute;
text-align:center;
top:50px;
width:600px;
z-index:300;
}


/* fin ---- css global */



/* début ---- css home */
#slider_bloc {
position:relative;
background: url(img/bg_diapo_top2.jpg) scroll no-repeat left top;
height:685px;
width:960px;
margin-top:-39px;
}

#baseline {
color:#FFFFFF;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
padding-top:20px;
padding-left:10px;
line-height: 34px;
}

#nav_slider {
margin-top:-18px;
margin-bottom:25px;
padding-left:700px;
}

#prev_button a {
display:block;
width: 39px;
height:39px;
background: url(img/prev_button.png) 0 0 no-repeat;
text-decoration:none;
float: left;
}

#prev_button a:hover {
background-position: 0 -39px;
}

#next_button a {
display:block;
width: 39px;
height:39px;
background: url(img/next_button.png) 0 0 no-repeat;
text-decoration:none;
margin-left:75px;
}

#next_button a:hover {
background-position: 0 -39px;
}

#slider {
width:960px;
height:100%;
}

.slideshow { 
height: 473px; 
width: 960px; 
color:#cbcbcb; 
margin:0 auto; 
font-size:20px; 
line-height:12px; 
font-family:Georgia, "Times New Roman", Times, serif;
background: url(img/bg_diapo_bottom3.jpg) scroll no-repeat center bottom; 
}

.slideshow a img  {
border-width: 10px;
border-style: solid;
border-color: #bfbfbf;
}

.slideshow a img:hover {
border: 10px solid #9b9b9b;
}

.slideshow_info {
font-size: 12px;
padding-left: 15px; 
font-family: arial; 
font-weight: bold; 
color: #888888;
}

.slideshow table {
width: 100%;
padding-left: 10px;
}

.loupe a {
display:block;
width: 28px;
height:28px;
background: url(img/loupe2.png) 0 0 no-repeat;
text-decoration:none;
position:relative;
}

.loupe a:hover {
background-position: 0 -28px;
}

.voirlafiche a {
display:block;
width: 119px;
height:29px;
background: url(img/voirlafiche.png) 0 0 no-repeat;
text-decoration:none;
position:relative;
}

.voirlafiche a:hover {
background-position: 0 -29px;
}

.voirlesite a {
display:block;
width: 119px;
height:29px;
background: url(img/voirlesite.png) 0 0 no-repeat;
text-decoration:none;
position:relative;
}

.voirlesite a:hover {
background-position: 0 -29px;
}

.voirtout a {
display:block;
width: 119px;
height:29px;
background: url(img/voirtout.png) 0 0 no-repeat;
text-decoration:none;
position:relative;
}

.voirtout a:hover {
background-position: 0 -29px;
}

#presta{
width:960px;
margin-top:8px; 
margin-bottom:10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
background:#232323 url(img/bg_bloc_texte.png) repeat-x 0 0;
font-size:12px;
color:#c0c0c0;
height:100%; 
padding-top:15px; 
float:left;
padding-bottom:15px;
}

.bloc_presta {
width:280px; 
display:inline; 
float:left; 
margin-left:15px;
background: url(img/bg_presta3.png) repeat-x 0 top; 
min-height:180px; 
padding-left:10px; 
padding-right:10px;
line-height:16px;
}

.rea {
float:left;
width:100%;
}

.bloc_rea {
width:275px;
display:inline;
float:left;
}

.boxgrid{ 
width: 275px; 
height: 128px; 
float:left; 
background:#161613; 
border: solid 4px #FFF; 
overflow: hidden; 
position: relative; 
}

.boxgrid:hover{ 
border: solid 4px #c0c0c0; 
}

.boxgrid img{ 
position: absolute; 
top: 0px; 
left: 0px; 
border: 0px; 
}

.boxgrid p{ 
padding: 10px 10px; 
font-weight:bold; 
font-size:14px; 
color:#FFF;
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 58px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
top: 128px;
left: 0px;
}

.caption .boxcaption {
 	top: 128px;
 	left: 0px;
 }



ul.gallery2 {
	width: 275px;
	list-style: none;
	margin: 0 auto; padding: 0; 	float: left;
}

ul.gallery2 li {
	float: left;
	margin: 0px; padding: 0;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}

ul.gallery2 li a.thumb {
	width: 275px;
	height: 128px;
	
}

ul.gallery2.nb li { /*--Used to crop image--*/
	width: 275px;
	height: 128px;
	overflow: hidden;
	display: block;
}

ul.gallery2 li a {display: block;}

.detail {
font-size:11px;
font-weight:bold;
float:left;
margin-top:-8px;
color:#b3b3b3;
}


.loupe_rea a {
display:block;
width: 28px;
height:28px;
background: url(img/loupe2.png) 0px 0 no-repeat;
text-decoration:none;
position:relative;
float:right;
margin-right:5px;
margin-top:-10px;
}

.loupe_rea a:hover {
background-position: 0px -28px;
}
/* fin ---- css home */



/* début ---- css prestations */
#titre{
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
width:940px;
padding-left:10px;
padding-right:10px;
margin-top:33px;
}


.bloc_texte{
width:960px;
margin-top:20px;
height:100%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
background:#232323 url(img/bg_bloc_texte.png) repeat-x 0 0;

float:left;
}

.bloc_texte h2 {
font-size:22px;
}

.texte{
color:#c0c0c0;
font-size:14px; 
padding: 10px 20px 20px 20px; 
line-height:18px;
}
/* fin ---- css prestations */


/* début  ---- css mentions légales */
#bg_mentions {
width:100%;
background:#232323 url(img/bg_bloc_texte.png) repeat-x 0 0;
float:left;
height:100%;
overflow:hidden;
}




/* fin  ---- css mentions légales */



/* début  ---- css références */
#references {
float:left;
width:960px;
margin-top:-10px;
margin-bottom:20px;
}

.bloc_ref {
width:458px;
display:inline;
float:left;
margin-top:38px;

}


.boxgrid2{ 
width: 458px; 
height: 220px;

float:left; 
background:#161613; 
border: solid 4px #4d4d4d; 
overflow: hidden; 
position: relative; 
}

.boxgrid2:hover{ 
border: solid 4px #fff; 
}

.boxgrid2 img{ 
position: absolute; 
top: 0px; 
left: 0px; 
border: 0px; 
}

.boxgrid2 p{ 
padding: 10px 10px; 
font-weight:bold; 
font-size:18px; 
color:#FFF;
}

.boxcaption2{ 
float: left; 
position: absolute; 
background: #000; 
height: 80px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

.captionfull2 .boxcaption2 {
top: 220px;
left: 0px;
}

.caption2 .boxcaption2 {
 	top: 220px;
 	left: 0px;
 }



ul.gallery {
	width: 100%;
	list-style: none;
	margin: 0 auto; padding: 0px;
}

ul.gallery li {
	float: left;
	margin: 0px; padding: 0px;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}

ul.gallery li a.thumb {
	width: 458px;
	height: 220px;
	
}

ul.gallery.nb li { /*--Used to crop image--*/
	width: 458px;
	height: 220px;
	overflow: hidden;
	display: block;
}

ul.gallery li a {display: block;}

.detail_ref {
font-size:14px;
font-weight:bold;
float:left;
margin-top:5px;
color:#b3b3b3;
}




.detail_ref2 {
font-size:11px;
font-weight:bold;
float:left;
margin-top:5px;
margin-right:15px;
}

.detail_ref3 {
font-size:11px;
font-style:italic;
float:left;
margin-top:5px;
color:#797979;
}

a.detail_ref2{text-decoration: none;color:#797979;}
a.detail_ref2:hover	{text-decoration: none;color:#fff; }
a.detail_ref2:visited {text-decoration: none;color:#797979;}
a.detail_ref2:visited:hover {text-decoration: none;color:#fff; }

.loupe_ref a {
display:block;
width: 28px;
height:28px;
background: url(img/loupe2.png) 0px 0 no-repeat;
text-decoration:none;
position:relative;
float:right;
margin-right:5px;
}

.loupe_ref a:hover {
background-position: 0px -28px;
}
/* fin  ---- css références */


/* début  ---- css contact */

.bloc_texte_contact{
width:960px;
margin-top:20px;
height:100%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
background:#232323 ;
margin-bottom:40px;
float:left;
}

.texte_contact{
color:#c0c0c0;
font-size:14px; 
padding: 10px 20px 20px 20px; 
line-height:18px;

}

.mess_env {
text-align:center;line-height:24px; color:#fff;font-size:16px;background:#474747;margin-top:20px;margin-left:20px; margin-right:20px;padding: 20px 20px 20px 20px;
}

.mess_env table{
 margin-left: auto;
  margin-right: auto;

}

.texte_contact p{
padding-bottom:25px;
padding-top:5px;
}

.texte_contact input{
width:250px;
height:25px;
font-weight:bold;
font-size:14px;
line-height:26px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
background:#e6e6e6;
color:#4c4c4c;
}


input.Envoyer {
  width: 140px;
  height: 35px;
  display: block;
  background-color: #eaeaea;
  text-indent: -9999px;
  border-style: none;
  background-image: url(../img/button_send2.png);
  cursor: pointer;

border-width:0px;
border-style:none;

}

input.Envoyer:hover {
  background-position: 0 -35px;
  position: relative;
border-width:0px;
border-style:none;
}

input.Envoyer:active {
  background-position: 0 -35px;
  position: relative;
-ms-background-position-x: 1px;
-ms-background-position-y: -34px;
border-width:0px;
border-style:none;
}

input.Envoyer:focus {

  position: relative;
  background-image: url(../img/button_send2.png);
  -webkit-box-shadow: 0px 0px 0px 0px;
  -moz-box-shadow: 0px 0px 0px 0px;
border-width:0px;
border-style:none;

}




button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
 

input:focus {
  border-color: #39a7d5;
  -webkit-box-shadow: 0px 0px 5px #39a7d5;
  -moz-box-shadow: 0px 0px 5px #39a7d5;
  background-repeat: no-repeat;
  color: #656565;
background:#fff;
color:#080808;
border-width:2px;
border-style:solid;
}

textarea {
background:#e6e6e6;
overflow:auto;
font-weight:bold;
font-size:16px;font-family:Arial, Verdana;   color: #4c4c4c;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:569px;
}

textarea:focus {
    border-color: #39a7d5;
  -webkit-box-shadow: 0px 0px 5px #39a7d5;
  -moz-box-shadow: 0px 0px 5px #39a7d5;
border-width:2px;
border-style:solid;

background:#fff;

}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#54a4c5;
 font-weight:100;font-style:italic; 
font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;margin-top:15px;


}
    

    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border-color: #39a7d5;
  -webkit-box-shadow: 0px 0px 5px #39a7d5;
  -moz-box-shadow: 0px 0px 5px #39a7d5;
border-width:2px;
border-style:solid;
}

/* fin  ---- css contact*/
/* End of 'myx' */