/* GENERALITE
----------------------------------- */

*{padding: 0; margin: 0; outline:none;}

body {
	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
 	color:#000000;
 	/*background: #FFF url(../images/bg.jpg) repeat-x fixed top center;*/ 
}

li, ul {
	list-style:none;
}

img {
	border:0px;
	padding:0;
	margin:O;
}

h1 {
	margin-top:20px;
	margin-bottom:10px;
	color:#6385B3;
	font-size:15px;
	padding:5px;
	text-align:center;
}

h2 {
	color:#FFFFFF;
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
}

h3 {
	margin:10px;
	margin-bottom:15px;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#254864;
}

a:hover {
	color:#000000;
}


/* MODIF
---------------------------------- */
#notre_philosophie {
	background-image:url(../images/cube_bleu_clair.png);
	background-repeat: no-repeat;
	float:left;
	width: 230px;
	padding: 10px 20px;
	height: 140px;
	
}

#notre_equipe {
	background-image:url(../images/cube_bleu.png);
	background-repeat: no-repeat;
	/*background-color: #68B2E3;*/
	float: left;
	width: 230px;
	padding: 10px 20px;
	margin-left:20px;
	height: 140px;
}


#nos_competences {
	background-image:url(../images/cube_bleu_fonce.png);
	background-repeat: no-repeat;
	/*background-color: #479ED8;*/
	margin-left: 580px;
	padding: 10px 20px;
	width: 230px;
	height: 140px;
}

.sous-titre {
	color:#000000;
	font-weight:bold;
	
	font-size:16px;
	/*border-bottom:8px solid #FFF;*/
	background:none;
	text-align:center;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	/*width:250px;*/
}

/* PAGE PHILOSOPHIE / COMPETENCES / 
------------------------------------*/
#principal_ombre {
	float:left;
	width:930px;
	padding-left:50px;
	background-image:url(../images/fond_haut_droite.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

#philosophie_fond {
background-color:#e9f6ff;
padding: 20px 15px 15px 15px;
margin-left:-50px;
height:130px;
width:900px;


}
#equipe_fond {
background-color:#d4edff;
text-align:right;
padding: 20px 15px 15px 15px;
margin-left:100px;
height:130px;
width:800px;


}
#competence_fond {
background-color:#c0e1f9;
padding: 20px 15px 15px 15px;
margin-left:-50px;
height:130px;
width:800px;


}

/* GALERIE
----------------------------------*/
#gallery ul {
display:inline;
list-style-type:none;
width: 500px;
margin: 0; 
padding: 0;

}

.thumbnail {
padding: 3px 3px 3px 3px;
background-color: #222;
border: 1px solid #2A2A2A;
float: left;
margin-right: 8px;
margin-bottom: 15px;
}




/* STRUCTURE DU SITE
------------------------------------ */
#main {
	position:absolute; /* on positionne le conteneur */
	left:50%;
	width:980px;
	margin-left:-490px;
	border:1px solid #101010;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

	/*border: 1px #969696 solid;*/	
}

#entete {
	float:left;
	width:980px;
	height:126px;
	background-image:url(../images/fond_entete.jpg);
	background-repeat:repeat-x;
}


/* ENTETE 
---------------------------------------- */

#logo {
	float:left;
	height:110px;
	margin-top:16px;
	margin-left:20px;
}

#slogan {
	float:left;
	height:86px;
	margin-top:40px;
	margin-left:20px;
}

#menu {
	float:left;
}

#bloc_agence_communication {
	float:left;
	width:141px;
	height:123px;
}

#agence_communication {
	position:absolute;
	width:141px;
	height:123px;
	overflow:hidden;
	cursor:pointer;
}

.lien_agence_communication {
	position:absolute;
	width:141px;
	height:123px;
	font-size:0;
	background:#FFFFFF;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}


#bloc_creation_site_internet {
	float:left;
	width:125px;
	height:123px;
}

#creation_site_internet {
	position:absolute; 
	width:125px;
	height:123px;
	overflow:hidden;
}

.lien_creation_site_internet {
	position:absolute;
	width:125px;
	height:123px;
	font-size:0;
	background:#FFFFFF;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}

#bloc_realisation_site_internet {
	float:left;
	width:145px;
	height:123px;
}

#realisation_site_internet {
	position:absolute;
	width:145px;
	height:123px;
	overflow:hidden;
	cursor:pointer;
}

.lien_realisation_site_internet {
	position:absolute;
	width:145px;
	height:123px;
	font-size:0;
	background:#FFFFFF;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}

#bloc_creation_site_internet_qualite_dijon {
	float:left;
	width:145px;
	height:123px;
}

#creation_site_internet_qualite_dijon {
	position:absolute;
	width:145px;
	height:123px;
	overflow:hidden;
	cursor:pointer;
}

.lien_creation_site_internet_qualite_dijon {
	position:absolute;
	width:145px;
	height:123px;
	background:#FFFFFF;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}

#bloc_contact_creation_site_internet_dijon {
	float:left;
	width:111px;
	height:123px;
}

#contact_creation_site_internet_dijon {
	position:absolute;
	width:111px;
	height:123px;
	overflow:hidden;
	cursor:pointer;
}

.lien_contact_creation_site_internet_dijon {
	position:absolute;
	width:111px;
	height:123px;
	font-size:0;
	background:#FFFFFF;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}


#agence_communication img, #creation_site_internet img, #realisation_site_internet img, #creation_site_internet_qualite_dijon img, #contact_creation_site_internet_dijon img {
position: absolute;
}

#principal {
	float:left;
	width:980px;
	margin-top:-3px;
}

#gauche {
	float:left;
	width:220px;
	padding-left:50px;
	padding-right:30px;
	text-align:justify;
	background-color:#d8e6e4;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	background-image:url(../images/fond_haut_gauche.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

#droite {
	float:left;
	width:630px;
	padding-left:50px;
	background-image:url(../images/fond_haut_droite.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}
#gauche_nos {
	float:left;
	width:220px;
	padding-left:50px;
	padding-right:30px;
	text-align:justify;
	background-color:#d9dedd;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	background-image:url(../images/fond_nos.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
}

#droite p {
	text-align:justify;
	width:600px;
	margin-bottom:10px;
}

#gauche p {
	margin-bottom:20px;
	font-size:12.5px;
	line-height:18px;
	letter-spacing:15;
}

#real_accueil {
	float:left;
	margin-left:50px;
	width:850px;
}

.titre_real {
	color:#000000;
	font-weight:bold;
	font-size:16px;
	border-bottom:4px solid #c1c5c7;
	background:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	width:850px;
}

#image_real {
	float:left;
	width:850px;
}

.thumbs li {
	clear: none;
	margin: 0 5px 10px 5px;
}

.marge_puce {
	margin: 5px 0 0 30px;
}

/* TITRE PAGES 
-------------------------------------- */
h2 {
    font: 1.4em "Arial Narrow", Helvetica, Arial, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    color: #9cf;
	background-color:#90C6EC;
	border:0;
	width:600px;
}

h2 span {
    padding: 0 5px;
    background: #FFF;
	text-transform:uppercase;
}

h3 {
margin-bottom: -7px;
color: #212121;
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
font-size: 22px;
letter-spacing: 10px;
line-height: 28px;
text-transform: uppercase;

}

/* PAGE CERTIFICATS
--------------------------------------- */

.un_certificat {
	float:left;
	width:600px;
}


.img_un_certif {
	float:left;
	width:115px;
	padding:5px;
	padding-top:0;
}

.contenu_un_certif {
	float:left;
	width:440px;
	text-align:justify;
}



/* PAGE REALISATION
--------------------------------------- */

.autre_mission {
	float:left;
	margin: 0 auto 15px auto;
	width:600px;
}

.les_missions {
	margin: 0 auto 15px auto;
	width: 480px;
}

.img_autre_mission {
	float:left;
	width:150px;
	text-align: center;
	padding:5px;
	padding-top:0;
}







/* STYLE INFOBULLE
---------------------------------------*/
a.info{
    position:relative;
	color:#000000;
    z-index:24;
    text-decoration:none;
	font-weight:bold;
}

a.info:hover{
	z-index:25; 
	background-color:#FFFFFF;
    text-decoration:none;
}

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:4em; 
	left:2em; 
	width:17em;
	border:1px solid #D65E3C;
	background-color:#eeeeee;
	color:#111111;
	text-align: justify;
	font-weight:none;
	padding:5px;
}


.panel-overlay { height: 200px; padding: 0 1em; }


.filmstrip li {
	filter:alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
}

.filmstrip li:hover {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

ul{ 
	list-style: none; 
	margin:5px 0px; 
	padding: 0; 
}
ul li{
	padding: 0px; 
	margin:0 2px 0 0; 
	list-style:none; 
	display:inline;
}
ul li a{
	display: inline-block!important; 
	overflow: hidden; 
	height: 90px; 
	line-height:90px; 
	width: 105px; 
	white-space:nowrap; 
	text-align:left; 
}
ul li a p { 
	padding:0 0 0 110px; 
	line-height:normal;
}
ul li a p strong {
	font-size:16px; 
	color:#336600;
}

ul li a.blue { background: url(../realisations/mini_agencedumarche.jpg) top left no-repeat; }
ul li a.red { background: url(../realisations/mini_laboiteabottes.jpg) top left no-repeat; }
ul li a.orange { background: url(../realisations/mini_mercimerci.jpg) top left no-repeat; }
ul li a.green { background: url(../realisations/mini_tobe.jpg) top left no-repeat; }
ul li a.black { background: url(../realisations/mini_iloge.jpg) top left no-repeat; }
ul li a.carla { background: url(../realisations/carlashoes.jpg) top left no-repeat; }
ul li a.cnsi { background: url(../realisations/cnsi.jpg) top left no-repeat; }
ul li a.david { background: url(../realisations/davidriviere.jpg) top left no-repeat; }
ul li a.depart { background: url(../realisations/departfacile.jpg) top left no-repeat; }
ul li a.dom { background: url(../realisations/dom.jpg) top left no-repeat; }
ul li a.intelligencesociale { background: url(../realisations/intelligencesociale.jpg) top left no-repeat; }
ul li a.interface { background: url(../realisations/interface.jpg) top left no-repeat; }
ul li a.jackboralice { background: url(../realisations/jackboralice.jpg) top left no-repeat; }


#pied {
	float:left;
	width:980px;
	text-align:center;
	font-size:12px;
	color:#333333;
	margin-top:10px;
	padding-top:5px;
	margin-bottom:5px;
	border-top:1px solid #CCCCCC;
}























.panel {
position: absolute;
top: 90px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
z-index:50000;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 110px; left: 0;
font-size: 14px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index:50001;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 110px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}

table tr td input, table tr td textarea {
	background-color:#000000;
	border:1px solid #FFF;
	color:#FFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width:230px;
}