@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
}
#global{
	width:1000px;
	/*background-color:#FFFF99;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

/*Menu*/
#menu{
	width:783px;
	height:80px;
	float:left;
	list-style:none;
	margin-top:30px;
}
#menu li{
	float:left;
}
a#accueil{
	background-image: url(../images/boutons/accueil2.jpg);
	height: 80px;
	width: 145px;
	margin-right: 10px;
	display:block;
	outline:none;
	border:none;
}
a#accueil:hover{
	background-image: url(../images/boutons/hover/accueil2.jpg);
}
a#presentation{	
	background-image:url(../images/boutons/qui2.jpg);
	height: 80px;
	width: 145px;
	margin-right:10px;
	display:block;
	outline:none;
	border:none;
}
a#presentation:hover{
	background-image: url(../images/boutons/hover/qui2.jpg);
}
a#services{	
	background-image: url(../images/boutons/services2.jpg);
	height: 80px;
	width: 145px;
	margin-right: 10px;
	display:block;
	outline:none;
	border:none;
}
a#services:hover{
	background-image: url(../images/boutons/hover/services2.jpg);
}
a#references{	
	background-image: url(../images/boutons/references2.jpg);
	height: 80px;
	width: 145px;
	margin-right: 10px;
	display:block;
	outline:none;
	border:none;
}
a#references:hover{
	background-image: url(../images/boutons/hover/references2.jpg);
}
a#contact{	
	background-image: url(../images/boutons/contact2.jpg);
	height: 80px;
	width: 145px;
	margin-right: 10px;
	display:block;
	outline:none;
	border:none;
}
a#contact:hover{
	background-image: url(../images/boutons/hover/contact2.jpg);
}
#ligne1{
	width:1000px;
	height:20px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4b4c4e;
}

#texte1{
	color: #131414;
	float: left;
	height: auto;
	width: 755px;
	display:block;
	margin-top:10px;
	margin-left:5px;
	padding-right:20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4b4c4e;
}

#fil_twitter{
	width:180px;
	height:840px;
	float:right;
	padding-left:20px;
	margin-top:28px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #4b4c4e;
}

#bloc_avis{
	float: left;
	height: auto;
	width: 755px;
	display:block;
	margin-top:10px;
	margin-left:5px;
	padding-right:20px;
}


/*slide texte*/
#guillemet_gauche{
	float:left;
	background:url(../images/background/guillemet_gauche.jpg);
	width:94px;
	height:78px;
}
.avis{
	width:630px;
	height:auto;
	float:left;
	margin-top:-50px;
	margin-left:100px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
	font-size:15px;
	color:#4b4c4e;
	text-align:justify;
}
.citation{
	font-size:14px;
	font-style: italic;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
	color:#141313;
}
#guillemet_droit{
	float:left;
	background:url(../images/background/guillemet_droit.jpg);
	width:94px;
	height:78px;
	margin-top:-70px;
	margin-left:650px;
}


/*Fil Twitter*/


#texte_mentions{
	color: #131414;
	float: left;
	height: auto;
	display:block;
	margin-top:10px;
}
h1{
	font-family: 'Rancho', 'Arial', Sans-serif;
	font-size:24px;
	font-weight: bolder;
}
h2{
	font-size:16px;
	font-weight: bolder;
	color: #131414;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}
#texte1 p{
	font-size:16px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}

#texte_mentions{
	font-size:14px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
	width:990px;
	margin-left:5px;
}
#ligne4{
	width:1000px;
	height:10px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4b4c4e;
	margin-bottom:10px;
}
#footer{
	width:725px;
	height:auto;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#525152;
	margin-bottom:40px;
	margin-left:5px;
}
#footer p{
	font-size:11px;
}
#footer a{
	color:#525152;
	text-decoration:none;
}
#footer a:hover{
	color:#131414;
}
#reseau{
	width:270px;
	height:50px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#525152;
	margin-bottom:40px;
	text-align:center;
}
/*Contact*/

#texte_contact{
	float:left;
	height:auto;
	width:275px;
	margin-left:5px;
	margin-top:10px;
}
#texte_contact p{
	font-size:16px;
	font-family: 'Patrick Hand', Sans-serif;
}
#texte_adresse{
	float:left;
	height:auto;
	width:275px;
	margin-top:420px;
	margin-left:-275px;
}
#texte_adresse p{
	font-size:16px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}
#ligne5{
	width:280px;
	height:20px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4b4c4e;
	margin-bottom:20px;
	margin-top:400px;
	margin-left:-280px;
}
form{
	width:680px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:20px;
}
form p{
	font-size:16px;
	font-family: 'Patrick Hand', Arial, Sans-serif;
	padding-left:180px;
}
#ligne6{
	width:10px;
	height:580px;
	margin-top:20px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #4b4c4e;
}
.bold{
	font-weight: bold;
}

/*Qui sommes nous ?*/

#texte_presentation{
	width:990px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:5px;
}
#texte_presentation p{
	font-size:16px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}
#texte_services{
	width:990px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:5px;
}
#texte_services p{
	font-size:16px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}
/*r�f�rences*/
#miniatures{
	float:left;
	width:200px;
	padding:0px;
}
ul#nonlien{
	float:left;
	width:200px;
	padding:0px;
}
#nonlien li{
	list-style:none;
	padding:0px;
	float:left;
	margin:5px;
}
#nonlien img{
	border: 1px solid #c1c3c4;
	border-radius:12px;
	float:left;
}
ul#lien{
	float:left;
	width:200px;
	padding:0px;
}
#lien li{
	list-style:none;
	padding:0px;
	margin:5px;
	float:left;
}
#lien a{
	border: 2px solid #c1c3c4;
	border-radius:12px;
	display:block;
	width:75px;
	height:75px;
	float:left;
	outline:none;
}
#lien a:link{
	border: 2px solid #c1c3c4;
}
#lien a:visited{
	border: 2px solid #c1c3c4;
}
#lien a:hover{
	border: 2px solid #131414;
}
#lien a:active{
	border: 2px solid #c1c3c4;
}
#lien img{
	outline:none; 
	border:0px;
}
#ligne8{
	width:10px;
	height:950px;
	margin-top:20px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #4b4c4e;
}
.active{
	display:block;
	width:75px;
	height:75px;
	background-color:#4b4c4e;
	color:#FFFFFF;
	font-size:16px;
	border-radius:12px;
	font-family: 'Rancho', 'Arial', Sans-serif;
	text-align:center;
	line-height: 70px;
	float:left;
	border:0px;
}
#projet{
	width:700px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:40px;
}
.min{
	border: 1px solid #c1c3c4;
	border-radius:12px;
	float:left;
}
#projet p{
	font-size:16px;
	font-family: 'Patrick Hand', 'Arial', Sans-serif;
}
#projet a{
	border: 2px solid #c1c3c4;
	border-radius:12px;
	display:block;
	width:75px;
	height:75px;
	float:left;
	margin:5px;
}
#projet a:hover{
	border: 2px solid #131414;
}
.mini{
	border:0px;
	outline:none;
}
.book{
	float:left;
	width:750px;
	height:auto;
}

#tribu{
width:320px;
float:left;
border-radius:10px;
background:#4b4c4e;
padding:5px;
color:#ffffff;
min-height:299px;
}