@charset "utf-8";
body, div, ul, ol, li, p, hr, img, h1, h2, h3, h4, a, form, table, legend, fieldset, dl, dt, dd, input, label {
	margin:0;
	padding:0;
}
/* Commun */

.nof {
	float:none;
	clear:both;
}
.gras {
	font-weight:bold;
}
.rouge {
	color:#960000;
}
.Brouge {
	background:#960000;
}
.gris {
	color:#bcbcbc;
}
.Bgris {
	background:#bcbcbc;
}
.invis {
	display:none;
}
a {
	color:#FFFFFF;
}
a:hover {
	text-decoration:none;
	color:#960000;
}
h1 {
	font-size:16px;
	margin-top:5px;
}
li {
	list-style:none;
}
#retour a {
	color:#960000;
	text-decoration:none;
	font-size:9px;
	text-align:right;
	margin-left:25px;
}
#retour a:hover {
	text-decoration:none;
	color:#bcbcbc;
}
.retourpage a {
	color:#960000;
	text-decoration:none;
	font-size:12px;
	margin-bottom:25px;
	display:block;
	width:15px;
}
.retourpage a:hover {
	color:#FFFFFF;
}
/* infobulles */

a.info {
	position:relative;
	z-index:24;/*background-color:#ccc;*/
	color:#fff;
	text-decoration:none;
}
a.info:hover {
	z-index:25;/*background-color:#ff0*/
	color:#960000;
}
a.info span {
	display:none;
}
a.info:hover span {/*le contenu de la balise span ne sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	top:2em;
	left:20em;
	width:15em;
	border:1px solid #960000;
	background-color:#000000;
	color:#ffffff;
	text-align:left;
	padding:1px;
	font-size:12px;
	text-decoration:none;
}
a.info:hover span p {
	font-size:13px;
	color:#960000;
	font-weight:bold;
}
a.info:hover span img {
	border:none;
	margin-right:5px;
	float:left;
}
/* /infobulles/ */
/* Detournement infobulles */

a.info2 {
	position:relative;
	z-index:24;/*background-color:#ccc;*/
	color:#fff;
	text-decoration:underline;
}
a.info2:hover {
	z-index:25;/*background-color:#ff0*/
}
a.info2 span {
	display:none;
}
a.info2:hover span {/*le contenu de la balise span ne sera visible que pour l'état a:hover */
	display:block;
	position:relative;
	top:25px;
	left:5px;
	width:15em;/*border:1px solid #960000;*/
	background-color:#000000;
	color:#ffffff;
	text-align:justify;
	padding:1px;
	font-size:12px;
	text-decoration:none;
	float:left;
}
/* /infobulles/ */
/* infobulles */

a.info3 {
	position:relative;
	z-index:24;/*background-color:#ccc;*/
	color:#fff;
	text-decoration:underline;
}
a.info3:hover {
	z-index:25;
	color:#960000;/*background-color:#ff0*/
}
a.info3 p {
	display:none;
}
a.info3:hover p {/*le contenu de la balise span ne sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	top:1em;
	left:20em;/*width:15em;*/
	border:1px solid #960000;
	background-color:#000000;/*color:#ffffff;*/
	text-align:justify;/*padding:1px;*/
	font-size:12px;
	text-decoration:none;
}
a.info3:hover p img {
	border:none;
}
/* /infobulles/ */

a.info4 {
	position:relative;
	z-index:24;/*background-color:#ccc;*/
	color:#fff;
	text-decoration:underline;
}
a.info4:hover {
	z-index:25;/*background-color:#ff0*/
}
a.info4 p {
	display:none;
}
a.info4:hover p {/*le contenu de la balise span ne sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:350px;
	border:1px solid #960000;
	background-color:#000000;
	color:#ffffff;
	text-align:justify;
	padding:1px;
	font-size:12px;
	text-decoration:none;
}
/* /infobulles/ */
/* / Commun / */
/* Mise en page */

body {
	background:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#conteneur {
	width:955px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background:url(../img/carre.gif) 29px bottom no-repeat;
	padding-bottom:26px;
}
#colGauche {
	width:78px;
	height:auto;
	display:block;
	float:left;
	background:url(../img/logo.gif) top right no-repeat;
}
#colMillieu {
	width:525px;
	height:auto;
	margin-left:15px;
	display:block;
	float:left;
	margin-top:25px;
}
#colDroite {
	width:320px;
	height:auto;
	display:block;
	float:left;
	margin-left:15px;
	margin-top:14px;
}
#colMillieuAll {
	width:525px;
	height:auto;
	margin-left:15px;
	display:block;
	float:left;
	margin-top:-15px;
}
#menu {
	width:52px;
	float:left;
	clear:both;
	margin-top:0px;
	margin-bottom:15px;
}
#menu ul {
	margin-top:15px;
}
#menu ul li {
	list-style:none;
	font-size:14px;
	margin-bottom:7px;
	text-align:right;
}
#menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#960000;
	text-decoration:none;
}
#menu ul li span {
	font-size:9px;
}
#menu a.encour {
	color:#960000;
	text-decoration:none;
}
#menu a:hover.encour {
	color:#FFFFFF;
}
/*diaporama */

.lecture {
	color:#3b3b3b;
	font-size:9px;/*text-align:center;*/
	margin-top:8px;
	display:block;
	background:url(../img/fond_lecture.gif) no-repeat;
	width:43px;
	height:12px;
	padding-left:1px;
	z-index:30;
	top:-50px;
	position:relative;
	right:0px;
}
.back {
	width:10px;
	height:12 px;
	display:block;
	float:left;
}
.back a {
	width:10px;
	height:12px;
	display:block;
	background:url(../img/back.gif) top left no-repeat;
}
.back a:hover {
	background:url(../img/back_white.gif) top left no-repeat;
}
.pause {
	width:8px;
	height:12px;
	display:block;
	float:left;
	margin-right:2px;
	margin-left:2px;
}
.pause a {
	width:8px;
	height:12px;
	display:block;
	background:url(../img/pause.gif) top left no-repeat;
}
.pause a:hover {
	background:url(../img/pause_white.gif) top left no-repeat;
}
.play {
	width:7px;
	height:12px;
	display:block;
	float:left;
	margin-right:2px;
}
.play a {
	width:7px;
	height:12px;
	display:block;
	background:url(../img/play.gif) top left no-repeat;
}
.play a:hover {
	background:url(../img/play_white.gif) top left no-repeat;
}
.forward {
	width:9px;
	height:12px;
	display:block;
	float:left;
}
.forward a {
	width:9px;
	height:12px;
	display:block;
	background:url(../img/forward.gif) top left no-repeat;
}
.forward a:hover {
	background:url(../img/forward_white.gif) top left no-repeat;
}
/* index  */

#coordonnes {
	margin-left:15px;
	display:block;
	float:left;
	margin-top:13px;
	width:550px;
}
#coordonnes p {
	font-size:12px;
	margin-bottom:2px;
}
#coordonnes p a {
	text-decoration:none;
}
/* /index / */
/* actu */

.txtactu h1 {
	margin-bottom:8px;
}
.txtactu p {
	font-size:12px;
	text-align:justify;
}
#listeactu ul {
	margin-top:18px;
}
#listeactu ul li {
	margin-bottom:8px;
	font-size:12px;
}
#consultactu {
	margin-top:11px;
	display:block;
}
#consultactu h1 {
	margin-bottom:8px;
}
#consultactu h1 span {
	float:right;
	margin-right:2px;
}
#consultactu p {
	text-align:justify;
	font-size:12px;
}
#listeactu ul li a {
	font-size:12px;
	text-decoration:none;
}
/* Parution */

#listeparution ul {
	margin-top:2px;
}
#listeparution ul li {
	margin-bottom:8px;
	font-size:12px;
}
#listeparution ul li a {
	font-size:12px;
	text-decoration:none;
}
/* /Actu /*/
/* Projets */

#menuProjet {
	width:856px;
	float:left;
	margin-left:15px;/*margin-right:auto; text-align:center;*/
	margin-top:14px;
	font-size:14px;
}
#menuProjet ul {
	width:800px;
	display:block;/*margin-left:auto; margin-right:auto;*/
}
#menuProjet li {
	margin-right:15px;
	list-style:none;
	display:inline;
}
#menuProjet a {
	color:#FFFFFF;
	text-decoration:none;
}
#menuProjet a:hover {
	text-decoration:none;
	color:#960000;
}
#descriptprojet {
	float:left;
	margin-left:6px;
	margin-right:auto;
	margin-top:18px;
}
#descriptprojet ul {
	display:block;
	margin-left:10px;
}
#descriptprojet ul li {
	list-style:none;
	display:inline;
	float:left;
	margin-bottom:5px;
	clear:both;
	width:650px;
	display:block;
}
#descriptprojet ul li a {
	font-size:12px;
	text-decoration:none;
}
#titreprojet {
	float:left;
	font-size:14px;/*font-weight:bold;*/
	width:350px;
	display:block;
	height:auto;
	margin-top:14px;
}
#dateprojet {
	float:right;
	text-align:right;
	font-size:14px;
	margin-top:14px;
}
#contenuprojet {
	float:left;
	text-align:justify;/*clear:both;*/
	margin-top:20px;
	font-size:12px;
	width:860px;
	margin-left:15px;
	display:block;
}
#contenuprojet p {
	width:525px;
	float:left;
}
#techprojet {
	float:left;
	margin-left:20px;
	width:100px;
	display:block;
}
#techprojet span {
	color:#bcbcbc;
}
#techprojet li {
	font-size:11px;
}
/* Projets /*/
/* Agence */

#agence {
	margin-top:15px;
	font-size:14px;
}
#agence li {
	margin-bottom:7px;
}
#agence li a {
	text-decoration:none;
}
#resshum {
	margin-top:25px;
	display:block;
	font-size:12px;
}
#resshum h1 {
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:5px;
}
#resshum li {
	color:#bcbcbc;
	list-style:none;
	margin-bottom:3px;
}
#support {
	margin-top:15px;
	font-size:12px;
}
#support h1 {
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:5px;
}
#support li {
	color:#bcbcbc;
	list-style:none;
	margin-bottom:3px;
}
#ca {
	margin-top:15px;
	font-size:12px;
}
#ca h1 {
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:5px;
}
#ca li {
	color:#bcbcbc;
	list-style:none;
	margin-bottom:3px;
}
#lequipe {
	margin-top:40px;
}
#lequipe img {
	border:none;
}
#lequipe li {
	margin-right:10px;
	list-style:none;
	display:inline;
}
#lesmails {
	margin-top:70px;
}
#lesmails a {
	text-decoration:none;
	font-size:12px;
}
#lesmails a:hover {
	color:#960000;
}
/************************/

.architecte {
	color:#bcbcbc;
	margin-bottom:35px;
}
.architecte h1 {
	font-size:13px;
	margin-bottom:5px;
}
.architecte h1 span {
	margin-left:15px;
	font-weight:normal;
}
.architecte h1 span a {
	text-decoration:none;
	color:#bcbcbc;
}
.architecte h1 span a:hover {
	color:#960000;
}
.architecte p {
	font-size:12px;
	margin-bottom:5px;
}
.architecte ul {
	font-size:12px;
}
.architecte ul li {
	margin-bottom:3px;
	width:820px;
}
/* //********************/
/* Agence /*/
/* contacts */

.slogan {
	font-size:18px;
	color:#bcbcbc;
	margin-bottom:10px;
}
.contact {
	margin-top:57px;
}
.contact p {
	font-size:12px;
	margin-bottom:3px;
}
/* / contact */
/* Slideshow Controls Container */

.controlsContainer {
	position:relative;
	right:0px;
	top:-50px;
	z-index:30;
	width:550px;
	height:30px;
}
#test {
	background:#222;
	color:#fff;
	padding:10px;
	margin:20px;
	border:10px solid #ff33ff;
}
#test2 {
	background:#222;
	color:#fff;
	padding:10px;
	margin:20px;
	border:10px solid #ff33ff;
}