body{
background:#FFFFFF url(/images/showcase/media/images/layout/bg.png) repeat-x;
font-size:12px;
font-family:"Trebuchet MS", Helvetica, Verdana;
margin:0;
padding:0;
color: #4f504c;
line-height: 1.3em;
}


#pagecontainer{

margin: 0 auto; 

}

.width960{
width: 960px; 


}


#header{
height: 167px;

}

#logo{
margin-top: 40px;

float: left;
}

#languages{
text-align: right;

width: 400px;
height: 12px;
position: relative;
bottom:10px;
clear: both;
float: right;
margin: 0px;
padding: 0px;
}

#languages strong{
color: #aab737;
}





#heroes{
background:transparent url(/images/showcase/media/images/layout/bg-heroes.png) no-repeat top center;
height: 413px;
position: relative;
color: white;

}


#heroes h3{
font-family: Georgia;
text-align: right;
width: 450px;
font-size: 16px;
position: relative;
left:250px;
top:20px;
font-style: italic;
}


#ensavoirplus{
width: 220px;
height: 68px;
display: block;
float: right;	
margin-right: 30px;
margin-top: 6px;
}

#ensavoirplus span{
visibility: hidden;
}

#ensavoirplus:hover{

}




#essayez-gratuitement{
position: absolute;
top:150px;
display: block;
left:15px;

}

#boutiques{

margin: auto;
display: block;
padding-top: 18px;

}

#content{
background:#FFFFFF url(/images/showcase/media/images/layout/bg-content.png) no-repeat top center;

padding: 30px;
padding-top: 0px;
}

#leftColumn{
background:#FFFFFF url(/images/showcase/media/images/layout/bg-rightColumn.png) no-repeat top right;
float: left;
width: 570px;
padding-right: 20px;

}


#wideColumn{
padding-right: 20px;
padding-top: 0px;
}



#definition{
background:#FFFFFF url(/images/showcase/media/images/layout/bg-definition.png) no-repeat top left;
width:522px;
display: block;
color: white;
height:29px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 50px;
}

#definition:hover{
background-position: bottom left;
}

#definition span{
padding-right: 25px;
float: right;
}

.feature{
float: left;
padding: 10px;
width: 265px;
}


.feature img{
padding-right: 5px;
padding-bottom: 2px;
}

.feature:hover{
background-color:  #f1f6e8;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */
}

#rightColumn{
float: right;
width: 305px; /*Width of right column in pixels*/
}

.more{
background-color:  #e7f1f8;
margin-top: 10px;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */
padding: 3px 6px 3px 6px;
}


.more:hover{
background-color:  #f1f6e8;
color: #90b441;
}

#rssList li{
margin-bottom: 2px;
padding: 1px;
list-style-position: inside;
list-style-type: none;
border-bottom: 1px dotted #ccc;
}


#rssList li span{
font-weight: bold;
}


.bulle{
background:#FFFFFF url(/images/showcase/media/images/layout/bg-bulle.png) no-repeat top left;
padding: 0px;

padding: 10px;
width: 292px;
}

.bulle .avis{
font-style: italic;
height: 110px;
}

.bulle .qui img{
float: left;
padding-right: 5px;
}

#contact{
background:#fbfbfb url(/images/showcase/media/images/layout/bg-contact.png) repeat-x;
}

#contact .width960{
background:transparent url(/images/showcase/media/images/layout/bg-contact-enveloppe.jpg) no-repeat top left;
height: 90px;
margin: 0 auto; 
padding: 10px;
padding-top: 30px;	
padding-left: 170px;
width: 780px;  /*  J'écrase la taille de la class .width pour la padding left*/
}

#follow{
width: 230px;
float: right;
height: 40px;
text-align: left;
padding: 20px 0px 0px 10px;
font-size: 20px;
font-family: Georgia arial Verdana;
}

#follow img{
padding: 5px;
padding-top: 0px;
position: relative;
bottom:5px;


}

#footer{
background:#646660 url(/images/showcase/media/images/layout/bg-footer.png) repeat-x;
height: 110px;
color:white;
}


#footer a{

color:white;
}


#footer a:hover{

color:#e1a914;
}




#menuFooter{
width: 500px;
font-family: Georgia Arial Verdana;
float: right;
padding-top: 20px;
}

#menuFooter a{
color:white;
float: right;
font-size: 14px;
text-align: right;
display: block;
height: 15px;
margin-left: 10px;
padding: 5px 10px 5px 10px;
}

#menuFooter a:hover{
color:#e1a914;

}


#menuFooter a.current{
color:#e1a914;
background-color: #50514d;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */
}

#footer .width960{
margin: auto;
}

a{
text-decoration:none;
color:#187cbe;
}

a:hover{
text-decoration:none;
color:#dda00f;
}

p{
margin-top:2px;
margin-bottom:5px;
}

.spacer{
clear:both;
visibility:hidden;
}

ul li{
}

a img{
border:0px solid red;
}

a:focus{
outline: none;
}

.left{
float:left;

}
.right{
float:right;

}

.mee{
color:#f4bd00;
}


h1{

}

h2{
font-family: Georgia;
font-size: 20px;
border-bottom:1px dotted #4f504c;
padding-bottom: 4px;
margin-bottom: 10px;
margin-top: 20px;

}

h2 span{
color: #aab737;

}


h3{

}

.hide{
display: none;
}

.highlight{
padding: 7px 12px 7px 12px;
background-color: #efefef;
background-color:  #e7f1f8;
margin-top: 10px;
margin-bottom: 10px;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */

}

.success{
padding: 7px 12px 7px 12px;
background-color:  #ffdede;
color: #cb0101;
margin-top: 10px;
margin-bottom: 10px;
-moz-border-radius: 5px ; 
-webkit-border-radius: 5px ; 
border-radius: 5px ;         
-webkit-border-top-left-radius: 5px; /* pour Chrome */ 
-webkit-border-top-right-radius: 5px; /* pour Chrome */

}



/*  Fonctionnalités */


.featureLarge{
width:270px;
float: left;
padding: 11px;
}

.featureLarge img{
padding-right: 5px;
}

.featureLarge .pict{

width: 270px;
height: 100px;
margin-bottom: 15px;
padding-right: 0px;
padding-bottom: 0px;
display: block;
background-color: #efefef;
}

.featureLarge h3{
font-size: 14px;
font-family: Georgia;
}



/* Formulaire*/


.formPage {

}




.formPage div {
border-bottom:1px dotted #ddd;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
}


.formPage div label {
width: 200px;
text-align: right;
padding-right: 10px;
display: block;
float: left;
}

.formPage div input {
background:transparent url(/images/showcase/media/images/layout/bg-input.png) no-repeat top left;
width: 227px;
height: 20px;
border: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 4px;
}


.formPage div textarea {
background:transparent url(/images/showcase/media/images/layout/bg-textarea.png) no-repeat top left;
width: 227px;
height: 246px;
border: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 4px;
}


.formPage div textarea:focus {
background:transparent url(/images/showcase/media/images/layout/bg-textarea.png) no-repeat center left;
}


.formPage div textarea.error {
background:transparent url(/images/showcase/media/images/layout/bg-textarea.png) no-repeat bottom left;

}



#subdomainDiv{
background:transparent url(/images/showcase/media/images/layout/bg-subdomainDiv.png) no-repeat 440px 10px;
}

.formPage div input:focus {
background:transparent url(/images/showcase/media/images/layout/bg-input.png) no-repeat center left;

}


.formPage div input.error {
background:transparent url(/images/showcase/media/images/layout/bg-input.png) no-repeat bottom left;

}

.formPage div label input { /* pour la checkbox*/
width: auto;

}


.formPage div .field_validation_messages {
color: red;
margin-left: 210px;
border-bottom:0px;
padding: 1px;
}

.formPage div .field_validation_messages img {
position: relative;
top:3px;
}
.btnSubmit {
background:transparent url(/images/showcase/media/images/layout/bg-submit.png) no-repeat top left;
float: right;
height: 50px;
width: 203px;
border: 0px;
color: white;
font-size: 14px;

}

.btnSubmit:hover {
background:transparent url(/images/showcase/media/images/layout/bg-submit.png) no-repeat center left;
float: right;
height: 50px;
font-size: 14px;
width: 203px;
border: 0px;
color: white;
}

.btnSubmit:focus {
background:transparent url(/images/showcase/media/images/layout/bg-submit.png) no-repeat bottom left;
}