body
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	background: transparent url('../img/back_site.gif') top center repeat;
	margin : 0px;
	padding : 0px;
}


/* ===================== 
Couleurs
======================*/

.bleu
{
	color : #7abdbd;	
}

.vert
{
	color : #b4edb4;	
}

.orange
{
	color: #f1c38d;	
}

.rouge
{
	color : red;	
}

.petit
{
	font-size : 10px;	
}

.grand
{
	font-size : 16px;	
}

.t-grand
{
	font-size : 20px;	
}

.tt-grand
{
	font-size : 30px;	
}

.float-r
{
	float:right;
}

.float-l
{
	float:left;
}

.clearb
{
	clear:both;	
}

/* ===================== 
Structure
======================*/
#barre_network
{
	width : 98%;
	margin : 0px;
	line-height : 25px;	
	height : 30px;
	background: transparent url('../img/back_barrenet.png') top center repeat-x;
	font-size : 12px;
	padding-left : 1%;
	padding-right : 1%;
	color : #fff;
}

#barre_network select
{
	background: #333333;
	border : 1px solid #7abdbd;
	color : #b4edb4;
}

#barre_network select optgroup
{
	color : #7abdbd;
	font-style : normal;
}

.logo
{
	height : 60px;
	width : 200px;
	margin : 0px;
	padding : 0px;	
	float : left;
}

#page
{
	margin : auto;
	width : 100%;
	min-height : 700px;
	background: url('../img/back_ws.jpg') top center repeat-x;
}


#top_header
{
	height : 130px;
	width : 1000px;
	padding-top:1px;
	margin : 0px auto 0px auto;
	color : #FFF;
}

ul#menu
{
	height : 30px;
	width : 712px;
	float:right;
	margin : 85px 0px 0px 0px;	
}

ul#menu li
{
	list-style-type : none;
	float:left;
	color :#bdcfd6;
	line-height : 50px;
	padding : 0px 0px 0px 0px;
	text-align:center;
	font-size : 1.4em;
	width : 130px;
	margin-left : 10px;
	text-transform : uppercase;
}

ul#menu li.bleu
{
	background: url('../img/but_menu-b.png') top center no-repeat;
}

ul#menu li.vert
{
	background: url('../img/but_menu-v.png') top center no-repeat;
}

ul#menu li.vertg
{
	background: url('../img/but_menu-vg.png') top center no-repeat;
}

ul#menu li.orange
{
	background: url('../img/but_menu-o.png') top center no-repeat;
}


ul#menu li a
{
	text-decoration : none;
	color :#bdcfd6;
}

ul#menu li a:hover
{
	color : #f1c38d;	
}

#fil_ariane
{
	width : 990px;
	line-height : 20px;
	background: url('../img/fil_ariane.png') top center no-repeat;
	padding-left : 10px;	
	margin : 20px auto 0px auto;
	color : #889296;
}

#fil_ariane a
{
	text-decoration : none;
	color : #acb7bb;
}

ul#menu-agence
{
	width : 279px;
	float:left;
	margin : 0px 0px 0px 0px;
	font-family:Arial, "Times New Roman", Times, serif;	
	padding : 0px 0px 0px 0px;
}

ul#menu-agence li
{
	list-style-type : none;
	color :#fff;
	line-height : 30px;
	width:249px;
	padding : 0px 0px 0px 30px;
	font-size : 1.2em;
	text-transform : uppercase;
	margin : 0px 0px 0px 0px;
}

ul#menu-agence li.b1
{
	background: url('../img/elbut1.gif') top center repeat-x;
}

ul#menu-agence li.b2
{
	background: url('../img/elbut2.gif') top center repeat-x;
}

ul#menu-agence li.b3
{
	background: url('../img/elbut3.gif') top center repeat-x;
}

ul#menu-agence li.b4
{
	background: url('../img/elbut4.gif') top center repeat-x;
}


ul#menu-agence li a
{
	text-decoration : none;
	color :#fff;
}

ul#menu-agence li a:hover
{
	color : #f1c38d;	
}

.corps_agence
{
	width:670px;
	float:right;
	min-height:455px;
	color:#fff;	
	padding:10px 10px 5px 10px;
	text-align:justify;
	background: url('../img/back_agence.png') top center no-repeat;
}

ul.l_comp li
{
	list-style-type : square;
	color :#7abdbd;
}

ul.l_comp li span
{
	color : #fff;	
}

.but_sui-prec
{
	line-height : 22px;
	width : 150px;
	text-align : center;
	background: url('../img/but_suiv-prec.gif') top center no-repeat;	
	font-weight : bold;
	color : #fff;
}



.but_sui-prec a
{
	color: #161717;
	text-decoration : none;
}

.but_sui-prec a:hover
{
	color: #fff;
}

#apple_visu
{
	width:465px;
	height : 465px;
	float:right;
	background: url('../img/apple_visu.gif') top center no-repeat;
}

#diapo_mac
{
	width : 424px;
	height : 264px;
	margin : 23px 0px 0px 26px;
}

#diapo_iphone
{
	width : 70px;
	height : 110px;
	margin : 40px 0px 0px 30px;
	background : red;
}

#pave_centre 
{
	width : 1000px;
	height : 470px;
	margin: 15px auto 0px auto;
}

.pave_info-p
{
	width : 480px;	
	height : 75px;
	background: url('../img/back_pave_info-p.gif') top center no-repeat;
	padding : 10px;
	margin-top : 18px;
    opacity : 0.9;
    filter : alpha(opacity=90);
}

.pave_info-p h2
{
	margin : 0px;
	font-size : 14px;
	padding : 0px;
}

.pave_info-p h2 a
{
	color: #9dcaa0;	
}

.pave_info-p p
{
	margin : 5px 0px 0px 0px;
	color: #b5efef;	
	font-size : 12px;
	text-indent : 5px;
}

.pave_info-p .date
{
	margin : 3px 0px 0px 0px;
	color: #f1c38d;	
	font-size : 10px;
}

#bloc_01, #bloc_02, #bloc_03
{
	width:265px;
	height : 176px;
	float : left;
	padding : 50px 5px 20px 30px;
	color : #fff;
}

#prefoot
{
	clear : both;
	margin : 50px auto 0px auto;
	width : 1040px;	
}

#bloc_01 {background: url('../img/bloc_01.png') top center no-repeat;margin-right:50px;}

#bloc_02 {background: url('../img/bloc_02.png') top center no-repeat;margin-right:50px;}

#bloc_03 {background: url('../img/bloc_03.png') top center no-repeat;}

p.twit
{
	text-align:center;
	width : 180px;
	margin : 30px 0px 0px 40px;	
	color : #31393c;
}

/* ===================== 
Col centre
======================*/


.vign_site
{
	width: 141px;
	height : 145px;
	background: url('../img/vign_site.gif') top center no-repeat;
	margin : 0px 30px 20px 0px;
	float : left;
	padding : 15px 15px 0px 14px;
}

.vign_site .cadre_img
{
	height : 81px;
	width : 141px;
	background : #fff;	
	max-height : 81px;
	overflow:hidden;
}

.vign_site .cadre_img img
{
 border : none;
}

.vign_site .cadre_texte
{
	line-height : 20px;
	height : 35px;
	width : 141px;
	text-transform : uppercase;
	display : block;
}

.vign_site a.cadre_texte 
{
	text-decoration : none;
	color : #fff;
}

.vign_site .cadre_texte .titre
{
	font-size : 11px;
	color : #a6ec54;
	float:left;
}

.vign_site .cadre_texte .date
{
	font-size : 11px;
	float:left;
}

.info_edition
{
	float : left;
	width : 700px;
	color : #fff;
}

#info_creation
{
	width : 505px;
	margin : 0px 30px 0px 0px;
	float : left;
	font-size : 13px;
	height : 450px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #fff;
}

#info_creation h2
{
	margin:0px;
	padding : 0px;
	color : #b4edb4;	
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	text-transform : uppercase;
}


#info_creation a
{
	color: #f1c38d;	
}

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

#info_creation li
{
	color : #b4edb4;	
}

#info_creation .link_crea
{
	color : #b4edb4;	
	line-height : 25px;
	height : 25px;
	background: url('../img/link_crea.png') top left no-repeat;
	color: #f1c38d;	
	width : 400px;
	display : block;
	text-decoration : none;
	padding-left: 10px;
}

#visu_creation-mac
{
	width : 465px;
	height : 440px;
	background: url('../img/back_visusite.gif') top center no-repeat;
	text-align : center;
	padding-top : 25px;
}

#visu_creation-iphone
{
	width : 465px;
	height : 391px;
	background: url('../img/back_visuiphone.gif') top center no-repeat;
	text-align : center;
	padding-top : 69px;
}

#formulaire_contact
{
	padding-top : 10px;
}

#formulaire_contact label
{
	font-weight : bold;
	display : block;
	width : 215px;
	float : left;
	margin-right : 10px;
	color : #fff;
	padding-left : 5px;
	line-height : 20px;
	border-left : 2px solid #78bebe;
	border-bottom : 1px solid #b2edb7;
}

#formulaire_contact input.donnee
{
	background: url('../img/back_input.gif') top center repeat-x;
	border : 1px solid #c4c4c4;
	height : 20px;
	line-height : 20px;
	font-size : 16px;
}


#formulaire_contact textarea
{
	background: #fff url('../img/back_input.gif') top center repeat-x;
	border : 1px solid #c4c4c4;
}

.submit 
{
	line-height : 25px;
	width : 150px;
	text-align : center;
	background: transparent url('../img/but_suiv-prec.gif') top center no-repeat;	
	font-weight : bold;
	color : #161717;
    border:none;
    height : 22px;
    font-size : 14px;
    margin-right : 8px;
}


ul.technologies
{
	margin : 15px 0px 15px 20px;
	padding : 0px;
}

.technologies li
{
   list-style-type: square;
}

/* ===================== 
Footer
======================*/




#footer
{
	width : 990px;
	height : 80px;
	margin : 30px auto 0px auto;
	padding-top : 10px;
	text-align : center;
	background: transparent url('../img/back_footer.gif') top center no-repeat;
	color : #c4c4c4;
	margin-bottom : 0px;
	font-size : 10px;
}