html {
    height: 100%;
}

*, form, fieldset, table, a, img, ol {
    margin: 0;
    padding: 0;
    border: 0;
}

body{
	width:100%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 0;	
}
a {
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
}
a img{
border:none;
}

.clearer{
	clear:both;
	height:0px;
}
.spacer{
	clear:both;
	height:10px;
}

input[type="input"]{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*MAIN*/
div#main{
	width:100%;
	background-color:#e8eef0;
}
div#main div#col_header{
	width:100%;
	height:131px;
	background-color:#fff;
}
div#main div#col_menu{
	width:100%;
	height:50px;
	background:url("images/bg_menu.jpg") repeat-x;
	
}
div#main div#col_content{
	
	height:auto;
	background:url("images/bg_content.jpg") repeat-x;
	/*background-color:#fff;*/
	
}

div#main div#col_footer{
	
	height:200px;
	background-color:#202020;
}

div#main div.centror{
margin:auto;
width:965px;
}
div#main div.centror_footer{
margin:auto;
width:1000px;
}
/*HEADER*/
div#col_header div.centror div{
float:left;
width:auto;
height:131px;
}
div#col_header div.centror div#texte_header{
float:left;
width:794px;
height:131px;
background:url("images/header_02.jpg");
text-align:right;


}
div#col_header div.centror div#texte_header div#sepa{
height:30px;
width:100%;
}
div#col_header div.centror div#texte_header p.title{

font-family: 'Cookie', cursive;
font-size:50px;
/*text-transform:uppercase;*/
padding :20px 150px 0 0;
color:#454545;
line-height:25px;
font-weight:bold;
/*height:20px;*/
}
div#col_header div.centror div#texte_header p.title span{
color:#208d93;
}

div#col_header div.centror div#texte_header h1{
/*font-family: 'Supermercado One', cursive;*/
font-size:23px;
color:#c21e73;
padding-right:150px;
}
div#col_header div.centror div#texte_header h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
text-transform:uppercase;
padding-right:150px;
}
/*MENU*/
div#col_menu div.menu_bt{
float:left;
width:175px;
text-align:center;
padding-top:10px;
}
div#col_menu div.menu_bt a{
color:#fff;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
text-align:center;

}
div#col_menu div.menu_bt a img{
vertical-align:middle;
margin:0 5px 0 0;

}
div#col_menu div.menu_bt a:hover{
color:#208d93;
text-decoration:none;

}
div#col_menu div.menu_sepa{
float:left;
width:9px;

}


/*FOOTER*/
div#col_footer {
padding:35px 0 0 60px;
}
div#col_footer div#col_01_footer{
float:left;
width:500px;
}
div#col_footer div#col_01_footer h1{
font-family: 'Cookie', cursive;
font-size:40px;
color:#208d93;
font-weight:normal;
}
div#col_footer div#col_01_footer h2{
font-size:12px;
color:#208d93;
text-transform:uppercase;
}

div#col_footer div#col_01_footer h3{
font-size:10px;
color:#666666;
width:400px;
}




div#col_footer div#col_02_footer{
float:left;
width:200px;
margin:15px 0 0 0;
}

div#col_footer div#col_03_footer{
float:left;
width:250px;
margin:15px 0 0 0;
}

div#col_footer div#col_02_footer h4, div#col_footer div#col_03_footer h4{
font-family: 'Cookie', cursive;
font-size:30px;
color:#208d93;
font-weight:normal;
}
div#col_footer div#col_02_footer li, div#col_footer div#col_03_footer li{
list-style-type:square;
color:#208d93;
margin-left:5px;
height:15px;
}
div#col_footer div#col_02_footer li a, div#col_footer div#col_03_footer li a{
color:#c21e73;
font-size:12px;
}


/*CONTENT*/
div#col_content{
padding:10px 0 10px 10px;
}

div#col_01_accueil{

height:313px;
}
div#col_01_accueil img{

position:relative;
top:-2px;
}

div#col_01_accueil div#spacer{
float:left;
width:12px;
height:300px;
}

div#col_01_accueil div#slider{
float:left;
width:637px;
height:289px;
}



div#col_01_accueil div#bienvenue{
float:left;
width:293px;
height:289px;
background:url("images/encart_tel.png");
}
div#col_01_accueil div#bienvenue p.intro_01{
font-family: 'Cookie', cursive;
color:#fff;
font-size:30px;
padding:8px 35px 0 10px ;
}
div#col_01_accueil div#bienvenue p.intro_02{
color:#fff;
font-size:12px;
text-align:justify;
padding:0 35px 0 10px ;
line-height:13px;
height:247px;
letter-spacing:0.3px;
}
div#col_01_accueil div#bienvenue p.intro_02 span{
font-weight:bold;
text-align:left;
}
/*COL 02*/
div#col_02_accueil div#spacer{
float:left;
width:12px;
height:300px;
} 

div#col_02_accueil div.article{
width:637px;
float:left;
}
div#col_02_accueil div.article div.article_top{

}
div#col_02_accueil div.article div.article_top div{
float:left;
}
div#col_02_accueil div.article div.article_top div.spacer_top{
background-color:#fff;
width:628px;
height:9px;
}

div#col_02_accueil div.article div.article_content{
background-color:#fff;
width:637px;

}
div#col_02_accueil div.article div.article_content div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
margin:0 0 0 15px ;
color: #208D93;
}
div#col_02_accueil div.article div.article_content p{
color:#454545;
font-size:12px;
margin:0 15px 0 15px ;
text-align:left;

}
div#col_02_accueil div.article div.article_content img#special{
margin:auto;
text-align:center;
width:550px;
padding:20px 0 0 30px;
}

div#col_02_accueil div.news{
width:262px;
float:left;
}


div#col_02_accueil div.news div.news_content{
background-color:#fff;
width:262px;
height:280px;

}

div#col_02_accueil div.news div.texto_content{
background-color:#fff;
width:262px;
height:auto;

}
div#col_02_accueil div.news div.texto_content div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
margin:0 0 0 15px ;
padding:10px 0 0 0 ;
color: #C21E73;
}
div#col_02_accueil div.news div.texto_content img{

width:242px;
margin:auto;
padding:10px 5px 0 10px ;
}
div#col_02_accueil div.news div.texto_content p{

color:#fff;
font-size:12px;
margin:0 0 0 15px ;
padding:10px 0 0 0 ;
color: #454545;
text-align:justify;
width:230px;
}

 /*<div class="news">
                        <div class="texto_content">
                        		<div class="title">Qui suis-je ?</div>
                                <img src="images/news_01.gif"/>
                            	Hélène-Louise TAINE, directrice artistique.
Après plusieurs expériences dans des Start-up Web à Paris comme web designer, c'est aujourd'hui à travers le studio que je propose mon expertise. Ma mission est simple : vous proposer les solutions les mieux adaptées à vos projets et les concrétiser.
                        	</div>
                        <div class="article_bot">
                        	<div><img src="images/ombre_news.png" /></div>
                        </div>
                    </div>*/

div#col_02_accueil div.news div.news_content div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
margin:0 0 0 15px ;
padding:10px 0 0 0 ;
color: #C21E73;
}






/*COL 03*/
div#col_03_accueil div#spacer{
float:left;
width:12px;
} 
div#col_03_accueil div.article{
width:637px;
float:left;
margin-top:10px;
}

div#col_03_accueil div.article div.article_top{

}
div#col_03_accueil div.article div.article_top div{
float:left;
}
div#col_03_accueil div.article div.article_top div.spacer_top{
background-color:#fff;
width:628px;
height:9px;
}

div#col_03_accueil div.article div.article_content{
background-color:#fff;
width:637px;

}
div#col_03_accueil div.article div.article_content div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
margin:0 0 0 15px ;
color: #208D93;
}
div#col_03_accueil div.article div.article_content ul{
float:left;
width:300px;
padding:0 0 0 15px;

}
div#col_03_accueil div.article div.article_content ul li{
color:#3b6393;
font-size:12px;
list-style-type:none;
font-family:"Trebuchet MS";
}
div#col_03_accueil div.article div.article_content ul li img{
vertical-align:middle;
margin:0 5px 0 0;
}

div#col_03_accueil div#social{
margin-top:10px;
width:262px;
float:left;

}


div#col_03_accueil div#social div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
color: #208D93;
margin:0 0 10px 0;
}

div#col_03_accueil div#social p{
color:#454545;
font-size:12px;
}
div#col_03_accueil div#social p img{
float:left;
margin:0 5px 10px 0;

}
div#col_03_accueil div#social p a{
color: #208D93;
font-size:12px;
text-decoration:underline;
}

/**/

div.une_news{
border:1px dotted #ccc;
border-width:0 0 1px 0;
padding:0 0 10px 0;
margin:10px;
}
div.une_news  img{
float:left;
width:81px;
margin:0 5px 0 0;
}
div.une_news p.title_news{
font-family: 'Cookie', cursive;

color: #208D93;
font-size:15px;
}
div.une_news p.text_news{

color: #208D93;
font-size:10px;

}
div.une_news p.text_news span{
font-family: 'Cookie', cursive;

color: #208D93;
font-size:17px;
font-weight:bold;
}
div.une_news p.text_news a{

color: #C21E73;
font-size:11px;

}

/*REALISATIONS*/

div#col_portfolio div.article{
width:910px;
}
div#col_portfolio div.article div.article_top{

}
div#col_portfolio div.article div.article_top div{
float:left;
}
div#col_portfolio div.article div.article_top div.spacer_top{
background-color:#fff;
width:900px;
height:9px;
}

div#col_portfolio div.article div.article_content{
background-color:#fff;
width:910px;

}
div#col_portfolio div.article div.article_content div.title{
font-family: 'Cookie', cursive;
color:#fff;
font-size:40px;
margin:0 0 0 15px ;
color: #208D93;
}
div#col_portfolio div.article div.article_content p{
color:#454545;
font-size:12px;
margin:0 15px 0 15px ;

}

/**/
/*SITE BOX*/
div#col_portfolio div#galerie{
margin:15px 15px 0 15px ;
}

div.box_site{
	width:220px;
	height:210px;
	float:left;
	text-align:center;
}
div.box_site div.visual_site{
	width:220px;
}
div.box_site div.visual_site a img{
	width:180px;
	height:140px;
	/*border:2px solid #454545;*/
}

div#col_portfolio div.article div.article_content div.box_site div.desc_site{
	width:220px;
	font-size:10px;
}
div#col_portfolio div.article div.article_content div.box_site div.desc_site p.site_title{
	text-transform:uppercase;
	padding:0;
	font-weight:bold;
	text-align:center;
	font-size:10px;
}
div.box_site div.desc_site p.site_desc{
	padding:0;
}
div.box_site div.desc_site p.site_link{
	padding:0;
	 color: #208D93;
	font-weight:bold;
	text-align:center;
}
div.box_site div.desc_site p.site_link a{
	text-align:center;
	color:#0caebd;
}
/*<div class="une_news">
                                	<img src="images/news_01.gif"/>
                               	<p class="title_news">11/11/2011</p>
                                    <p class="text_news">coucou coucou</p>
                                 </div>*/
div#article_bot{
v-align:top;

}  


                              
form{

margin-left:15px;
}
form div{
clear:both;
height:15px;
margin:0 0 10px 0;
}
form div#special{
clear:both;
height:35px;
margin:0 0 10px 0;
}
form div label{
float:left;
width:160px;
font-size:12px;
color: #208D93;
text-align:right;
}
form div p{
float:left;
width:150px;
}

form div p input[type=text]{
border:1px solid #ccc;
}
form div p select{
border:1px solid #ccc;
font-size:12px;
}
form div p textarea{
border:1px solid #ccc;
width:250px;
height:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

form div p input[type=submit]{
border:1px solid #ccc;
background-color:#208D93;
color:#fff;
padding:5px;
cursor:pointer;
}

/**/

div#error{
color:red;
text-align:center;
font-size:12px;
border:1px solid #ccc;
width:500px;
margin:auto;

}