/* --- STYLES DE BASE --- */
html{font-size:100%;}
body{margin:0px;padding:0px;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:.8em;line-height:1.4;}
h1,h2,h3,h4,h5,h6{margin: 0 0 .5em 0;line-height:1.2;font-weight:bold;font-style:normal;}
h1{font-size:1.75em;}
h2{font-size:1.5em;}
h3{font-size:1.25em;}
h4{font-size:1em;}
ul,ol{margin:0;padding:0;}
p{margin:0;}
address{margin:.75em 0;font-style:normal;}
a{text-decoration:underline;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover,a:focus,a:active{color:#000;}
a img{border:none;}
em{font-style:italic;}
strong{font-weight:bold;}
form,fieldset{margin:0;padding:0;border:none;}
input,button,select{vertical-align:middle;}
/* --- FIN STYLES DE BASE --- */
.clear{clear: both;}


html{
background-color	: #F2F2F2;
}

body{
width				: 940px;
margin				: 0 auto;
padding				: 20px;
background-color	: #FFF;
}

#header{
}

#feed{
float	: right;
}

.twitter{
padding	: 10px 10px 10px 0;
}
.facebook{
padding	: 10px 10px 10px 10px;
}

#menu{
border-top		: 1px solid #CCC;
border-bottom	: 1px solid #CCC;
padding			: 10px;
margin			: 10px 0  20px 0;
}

#menu ul{
clear: both;
}

#menu li{
list-style-type	: none;
float			: left;
width			: 120px;
height			: 32px;
padding			: 0 55px;
}


#menu li a{
display			: block;
margin			: 0 auto;
text-transform	: uppercase;
font-size		: 12px;
font-family		: Arial, Tahoma;
text-decoration	: none;
color			: #888;
}
#contact a{
width	: 60px;
}

#referencement a, #contact a{
line-height	: 32px
}

#carre{
width			: 940px;
height			: 190px;
padding-bottom	: 20px;
margin-bottom	: 20px;
border-bottom	: 1px solid #CCC;
}

#c-orange{
width				: 480px;
float				: left;
background-color	: #f69517;
background-image	: url('img/bg-big.png');
}

#c-orange p{
margin		: 10px 0 0 10px;
font-size	: 20px;
line-height	: 20px;
color		: #FBFBFB;

}

#identification{
float		: left;
margin-top	: 3px;
}
#demande{
margin-top	: 5px;
}
#littleform label{
display	: none;
}
#littleform input[type="submit"]{
width		: 70px;
height		: 25px;
margin-left	: 200px;
color		: #444;
}
#littleform input{
margin			: 3px 10px 4px 50px;
height			: 25px;
color			: #777;
padding-left	: 5px;
line-height		: 25px;
border			: 1px solid #e5c5a9;
}
#littleform input[value="nom"], #littleform input[value="email"], #littleform input[value="societe"]{
width	: 140px;
}
#littleform select{
margin	: 2px 0;
}
#littleform textarea{
width	: 240px;
height	: 100px;
margin	: 0px 0px 5px 0px;
color	: #444;
border	: 1px solid #e5c5a9;
}

#header a:first-child {
text-decoration:none;
}
#bigform{

}

#bigform label{
display		: block;
width		: 150px;
float		: left;
line-height	: 25px;
font-size	: 12px;
font-family	: verdana;

}
#bigform input[type="submit"]{
width		: 70px;
height		: 25px;
color		: #777;
}
#bigform input{
margin			: 3px 10px 4px 0;
height			: 25px;
color			: #777;
padding-left	: 5px;
line-height		: 25px;
border			: 1px solid #e5c5a9;
font-family		: verdana;
}
#bigform input[value="nom"], #bigform input[value="email"], #bigform input[value="societe"], #bigform input[value="sujet"], #bigform input[value="message"]{
width	: 140px;
}
#bigform select{
margin	: 2px 0;
}
#bigform textarea{
width		: 240px;
height		: 100px;
margin		: 0px 0px 5px 0px;
padding		: 5px;
color		: #777;
border		: 1px solid #e5c5a9;
font-family	: verdana;
font-size	: 123x;
}



#c-vert{
float				: left;
margin-left			: 20px;
background-color	: #8fc640;
}

#c-vert p:first-child{
margin-top	: 60px;
}

#c-vert p{
padding	: 0 10px;
text-align	: center;
font-family	: Arial, Tahoma;
font-size	: 20px;
color		: #FBFBFB;
}

#c-vert .smaller{
font-size	: 12px;
}

#c-vert span{
font-size	: 1em;
}

#c-rose p:first-child{
margin	: 25px 0;
}

#c-rose{
background-color	: #e14ca6;
float				: right;
}

#c-vert, #c-rose{
width				: 210px;
background-image	: url('img/bg-small.png');
background-repeat	: none;
}

#c-orange, #c-vert, #c-rose{
height				: 190px;
}

.headpage{}
.center{
text-align	: center;
}

.centerb{
margin	: 0 auto;
display	: block;
}

.bold{
font-weight	: bold;
}

hr{
margin	: 15px 0;
}

h1{
font-weight	: normal;
text-align	: center;
margin		: 10px 0;
}

ul#contrainte li{
list-style-type		: none;
background-image	: url("img/list-square.png");
padding-left		: 15px;
background-repeat	: no-repeat;
line-height			: 10px;
margin				: 10px;
}

#contrainte{
width	: 250px;
margin	: 10px auto;
}

#accroche{
font-size	: 14px;
text-align	: center;
font-weight	: bold;
font-style	: italic;
}

#accrochecsi{
font-size	: 24px;
text-align	: center;
font-style	: italic;
margin		: 10px 0;
}


#voiraussi{
margin	: 20px;
}
#voiraussi a{
color	: #000;
}

.gris{
color	: #787F92;
}

.orange{
color	: #F69517;
}

.vert{
color	: #8CBA43;
}

.rose{
color	: #E359AC;
}

.left{
float	: left;
width	: 430px;
padding	: 20px;
border-top	: 1px solid #999;
}
.left h4, .right h4{
text-align	: center;
font-weight	: normal;
font-size	: 18px;
}

h4.littletitle{
margin-top		: 10px;
padding-top		: 4px;
display			: block;
border-bottom	: 1px solid grey;
color: #F7981C;
font-size: 16px;
font-style: italic;
font-weight: bold;
}

ul{
margin	: 10px 0;
}

ul.classic li{
list-style-type	: none;
margin	: 3px 0;
}

ul.classic li:before{
content	: '- ';
}



.right{
float	: right;
width	: 429px;
padding	: 20px;
border-left	: 1px solid #999;
border-top	: 1px solid #999;
}

#cseb{
background-image	: url("img/eboutique.png");
background-repeat	: no-repeat;
width				: 918px;
height				: 492px;
margin				: 0 auto;
font-family			: Arial, Tahoma;
}

#cseb h2{
color			: #FFFFFF;
float			: right;
font-size		: 40px;
height			: 150px;
margin-right	: 5px;
margin-top		: 112px;
width			: 380px;
text-transform	: uppercase;
font-weight			: normal;
}

#cseb h2 strong, #csi h2 strong{
font-weight	: bold;
display		: block;
}

#cseb h3{
color		: #787F7D;
float		: left;
font-size	: 38px;
margin-left	: 0;
text-align	: center;
width		: 900px;
font-weight	: normal;
}

#cseb h3 strong{
color	: #9BCF4F;
}

#cseb div, #csi p, #ref div{
height		: 390px;
margin-left	: 20px;
margin-top	: 5px;
width		: 240px;
float		: left;
padding		: 10px;
line-height	: 22px;
}
#cseb ul, #ref ul {
margin-top:30px;
}
#cseb ul li, #ref ul li {
list-style-image: url("img/puces.jpg");
margin-left:20px;
}

#cseb ul li a{
text-decoration	: none;
}

#last-crea{
width				: 918px;
background-image	: url('img/bg-crea.png');
background-repeat	: repeat-y;
}

#last-crea a{
width	: 306px;
height	: 200px;
display	: block;
float	: left;
text-align	: center;
text-decoration	: none;
color			: #000;
}

#last-crea h4{
color		: #98CC4B;
padding		: 10px;
font-size	: 18px;
}

#csi{
background-image	: url("img/site-internet.png");
background-repeat	: no-repeat;
width				: 918px;
height				: 492px;
margin				: 0 auto;
font-family			: Arial, Tahoma;
}

#csi h2{
color			: #FFFFFF;
float			: right;
font-size		: 40px;
height			: 150px;
margin-right	: 20px;
margin-top		: 112px;
width			: 380px;
text-transform	: uppercase;
font-weight		: normal;
}

#csi h3{
color		: #787F7D;
float		: left;
font-size	: 38px;
margin-left	: 0;
text-align	: center;
width		: 900px;
font-weight	: normal;
}

#csi h3 strong{
color	: #9BCF4F;
}



#ref{
background-image	: url("img/referencement.png");
background-repeat	: no-repeat;
width				: 918px;
height				: 480px;
margin				: 0 auto;
font-family			: Arial, Tahoma;
}

#ref h2{
color			: #FFFFFF;
float			: right;
font-size		: 37px;
height			: 150px;
margin-right	: 10px;
margin-top		: 130px;
width			: 390px;
text-transform	: uppercase;
font-weight		: normal;
line-height		: 50px;
}

#ref h3{
color		: #787F7D;
float		: left;
font-size	: 38px;
margin-left	: 0;
text-align	: center;
width		: 900px;
font-weight	: normal;
}

#ref h3 strong{
color		: #F69517;
}

ul.ref {
margin-left:30px;
}
ul.ref li {
list-style-image: url("img/puces.jpg");
}

#mfoot{
float	: left;
display	: inline;
}

#mfoot a{
color			: #000;
}
#mfoot a:hover{
color			: #000;
}

.mobile {
	width:200px;
	margin:auto;
}
.mobile li {
	list-style-image:url('img/puces.jpg');
}
.mobile li a{
	color:#8cba43;
}
.mobile li:first-child a {
	color:#f69517;
}