@charset "UTF-8";
/* auteur: Nicolas LOURDEAUX */
/* Date de création: 30/10/2010 */



body {
color: #9EB3B8;
background-color:#FAFAFA;
margin: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
font-family: "Tahoma", sans-serif;
font-weight: bold;
font-size: 14px;
font-color: #9EB3B8;
word-spacing: 4px;
}

h1 {
color: #FFFFFF;
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 17px;
font-color: #FFFFFF;
}

h2 {
color: #859A9F;
margin: 0;
padding: 0;
font-family: "Tahoma", sans-serif;
font-weight: bold;
font-size: 18px;
font-color: #859A9F;
word-spacing: 4px;
}

h3 {
color: #82989C;
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 15px;
font-color: #82989C;
word-spacing: 4px;
}

h4 {
color: #9EB3B8;
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 15px;
font-color: #9EB3B8;
word-spacing: 4px;
}

h5 {
color: #FFFFFF;
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
font-weight: bold;
font-size: 15px;
font-color: #FFFFFF;
word-spacing: 4px;
}

p {
color: #9EB3B8;
background-color:#FAFAFA;
margin: 0;
padding: 0;
font-family: "Tahoma", sans-serif;
font-weight: bold;
font-size: 14px;
font-color: #9EB3B8;
word-spacing: 4px;
}

txt {
color: #9EB3B8;
background-color:#FAFAFA;
margin: 0;
padding: 0;
font-family: "Tahoma", sans-serif;
font-weight: bold;
font-size: 14px;
font-color: #9EB3B8;
word-spacing: 4px;
}

pagecal {
color: #FAFAFA;
margin: 0;
padding: 0;
font-family: "Tahoma", sans-serif;
font-weight: normal;
font-size: 12px;
font-color: #FAFAFA;
}

a {
text-decoration: none;
outline: 0;
}

a:hover {
text-decoration: none;
outline: 0;
cursor: pointer;
}

ul.leaders {
max-width: 40em;
padding: 0;
overflow-x: hidden;
list-style: none;
}

ul.leaders li:after {
float: left;
width: 0;
white-space: nowrap;
content:
"........................................"
"........................................"
"........................................"
"........................................"
}

ul.leaders span:first-child {
padding-right: 0.33em;
background: white;
}

ul.leaders span + span {
float: right;
padding-left: 0.33em;
background: white;
position: relative;
z-index: 1
}

video {
cursor: pointer;
}

/* redimmentionnement background */
.bg_img
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* masquer les éléments superflus */
.key {
display: none !important;
visibility: hidden;
}

/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
.pic {
height: auto; 
width: 100%;
max-width: 100%; 
max-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

/*

.pic_intro {
height: auto; 
width: 100%;
max-width: 100%; 
max-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0.9;
}

.pic_intro:hover {
opacity: 1;
}

*/

.inputbox {
background-color: #EFF4F6;
border: 1px solid #FFFFFF; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:17px; 
line-height:17px; 
width:150px; 
text-indent:5px; 
}

.inputbox_presse {
background-color: #FFFFFF;
border: 1px solid #BED3D8; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:17px; 
line-height:17px; 
width:150px; 
text-indent:5px; 
}

.inputsubmit {
background-color: #EFF4F6;
border: 1px solid #FFFFFF; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #666 inset; 
-moz-box-shadow:0 0 0px #666 inset; 
box-shadow:0 0 0px #666 inset; 
height:17px; 
line-height:17px; 
width:150px; 
text-indent:5px;
}

.inputsubmit_presse {
background-color: #B1C5CA;
border: 1px solid #BFC4C6; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #666 inset; 
-moz-box-shadow:0 0 0px #666 inset; 
box-shadow:0 0 0px #666 inset; 
height:17px; 
line-height:17px; 
width:150px; 
text-indent:5px;
}

.selectbox {
background-color: #EFF4F6;
border: 1px solid #FFFFFF;  
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:17px; 
line-height:17px; 
width:55px; 
}

.inputtexte {
background-color: #EFF4F6;
border: 1px solid #FFFFFF; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:130px;  
width:300px; 
text-indent:5px; 
}

.inputtexte_presse {
background-color: #FFFFFF;
border: 1px solid #BED3D8; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:230px;  
width:650px; 
text-indent:5px; 
}

.inputqte {
background-color: #FFFFFF;
color: #3E5358;
border: 0px solid #FFFFFF; 
-webkit-border-radius:0px; 
-moz-border-radius:0px; 
border-radius:0px; 
-webkit-box-shadow:0 0 0px #555 inset; 
-moz-box-shadow:0 0 0px #555 inset; 
box-shadow:0 0 0px #555 inset; 
height:19px;  
width:40px; 
text-indent:5px; 
}

.sl_submit {
background: url(sl_menu.png) top center repeat-x;
}

.sl_submit:hover {
background: url(sl_menu.png) top center repeat-x;
outline: 0;
cursor: pointer;
}

.bg_submit {
background: url(bg_menu.png) top center repeat-x;
}

.bg_submit:hover {
background: url(sl_menu.png) top center repeat-x;
outline: 0;
cursor: pointer;
}

.picbout {
border: 1px solid #FFFFFF;  
}

.picbout:hover {
border: 1px solid #8EA3A8; 
outline: 0;
cursor: pointer;
}

/* Menu pour IE */
.sl_submit a:hover {
background: url(sl_menu_ie.png) top center repeat-x;
outline: 0;
cursor: pointer;
}

.bg_submit a:hover {
background: url(sl_menu_ie.png) top center repeat-x;
outline: 0;
cursor: pointer;
}
/* Fin Menu pour IE */


/* Selection produit boutique pour IE 
.picbout a:hover {
border: 1px solid #8EA3A8; 
cursor: pointer;
}
Fin selection produit boutique pour IE */




.ligne 
{
border-color: #E6E9EC;
border-width: 5px 0px 0px;
border-style: solid;
}

.ligne2
{
border-color: #E6E9EC;
border-width: 4px 0px 0px;
border-style: solid;
}

.ligne_contact
{
border-color: #9FB0AB;
border-width: 2px 0px 0px;
border-style: solid;
}

.table td {
text-align: justify;
}

.bg_menu {
background-image: url(bg_menu.png);
background-repeat: repeat-x;
}

.menu {
position: relative ;
margin-left: auto;
margin-right: auto;
z-index: 10; 
margin-top: -49px ;
left: 0px ;  
width: 100% ; 
height: 100% ;
overflow: hidden ; 
}

.dev { 
background-color: #FAFAFA;
position: relative ;
margin-left: auto;
margin-right: auto;
z-index: 8; 
margin-top: -40px ;
right: 0px ;  
width: 100% ; 
height: auto ;
overflow: hidden ;
}

.dev_galerie { 
background-color: #FAFAFA;
position: relative ;
margin-left: auto;
margin-right: auto;
z-index: 8; 
margin-top: -20px ;
right: 0px ;  
width: 100% ; 
height: auto ;
overflow: hidden ; 
}

.contact { 
background-color: #FAFAFA;
position: relative ;
margin-left: auto;
margin-right: auto;
z-index: 7; 
margin-top: auto ;
left: 0px ;  
width: 100% ; 
height: 100% ;
overflow: hidden ;
}






#norepeat{
background-repeat:no-repeat;
}


#cadre {
border-radius: 5px;
}

#cadre_in {
border-radius: 2px;
}