/*
Theme Name: Archipel
Theme URI: http://wordpress.org/
Description: Le theme pour Archipel
Version: 0.1
Author: Julien Gobi
Author URI: http://www.tonton.ca
Tags: 

*/

body{font-family: Verdana, Arial;}
strong{font-weight: bold;}
//a{text-decoration: none;}

#structure{background: url('images/bg_noir.jpg') repeat-x;}
#page{width:931px; margin:auto;}

/* header */
#header{background: url('images/bg_top.jpg') repeat-x; height:95px; width:901px;}
#logo{display: block; float:left; }
#logo a{display: block; width:247px; height:79px;background: url('images/logo.jpg') no-repeat;text-indent:-1000px; }

#menu{float:right;}
#menu h1{font-size: x-small;}
#menu ul{list-style-type: none;}
#menu li{display: block; float:left; height:98px;}
#menu li a{background-image: url('images/menu.jpg'); display:block; height:87px; text-indent: -2000px;}

/* Roll Overs du menu */
#menu li.m_agence a{ width:72px; background-position: 0px 174px;}
#menu li.m_projets a{width:80px; background-position: -72px 174px;}
#menu li.m_recherches a{width:102px; background-position: -152px 174px;}
#menu li.m_contacts a{width:83px; background-position: -254px 174px;}

#menu li.m_agence a.selected{background-position: 0px 0px;}
#menu li.m_projets a.selected{background-position: -72px 0px;}
#menu li.m_recherches a.selected{background-position: -152px 0px;}
#menu li.m_contacts a.selected{background-position: -254px 0px;}

#menu li.m_agence a:hover{background-position: 0px 87px;}
#menu li.m_projets a:hover{background-position: -72px 87px;}
#menu li.m_recherches a:hover{background-position: -152px 87px;}
#menu li.m_contacts a:hover{background-position: -254px 87px;}

#menu li.m_agence a:active{background-position: 0px 261px;}
#menu li.m_projets a:active{background-position: -72px 261px;}
#menu li.m_recherches a:active{background-position: -152px 261px;}
#menu li.m_contacts a:active{background-position: -254px 261px;}

#menu li.m_agence a.selected:hover{background-position: 0px 0px;}
#menu li.m_projets a.selected:hover{background-position: -72px 0px;}
#menu li.m_recherches a.selected:hover{background-position: -152px 0px;}
#menu li.m_contacts a.selected:hover{background-position: -254px 0px;}

#menu li.m_agence a.selected:active{background-position: 0px 0px;}
#menu li.m_projets a.selected:active{background-position: -72px 0px;}
#menu li.m_recherches a.selected:active{background-position: -152px 0px;}
#menu li.m_contacts a.selected:active{background-position: -254px 0px;}
/* --------------------------------- */


#center{}

/* contenu principal */
#main_content{margin-top:30px;}
#slideshow-accueil{float:left; width:520px; height: 384px;}
#slideshow{float:left; width:520px; height: 384px;background: url('images/light2.jpg') no-repeat 280px 0; }

#slideshow p, #slideshow-accueil p {padding:10px 10px 10px 10px; display: block;}
#slideshow p, #slideshow p a, #slideshow-accueil p, #slideshow-accueil p a {font-size:12px; line-height: 14px; color:#cccccc; text-align: justify;}


#content_right{float:left; color:white; width:390px; padding-left:8px; background: url('images/light.jpg') no-repeat;}
#content_right_text{display: block; height:244px;}
#content_right_text h1{font-size:20px; color:#cd0d0c; margin-top:16px; padding-left: 11px;}

.texte_projet{padding:0 20px 0 11px; font-size:10px; line-height: 18px; color:#b8b8b8; text-align: justify;}
.texte_projet a, #content_right_text a{text-decoration: underline; color:white;}
.texte_projet a:hover, #content_right_text a:hover{color:#b8b8b8;}
.texte_projet a:active, #content_right_text a:active{color:red;}
.quote{font-size:40px; font-weight: bold;}


/* contenu secondaire */
//#secondary_content{clear:both;}

#secondary_content{clear:both;}

#footer{float:left; margin-top:30px; background: url('images/bg_footer.jpg') repeat-x 0px 25px; width:100%; height:41px; display: block; font-size:9px; color:#a6a6a6;width:901px;}
#footer a{color:#a6a6a6;text-decoration: none;}
#footer a:hover{color:#3F3F3F;text-decoration: underline;}
#credits{float:right;}
#footer_infos{float:left; }


/* Page Accueil */
#secondary_content_home{clear:both;border: 1px solid #e7e7e7;display:block;width:895px;}
.texte_home{padding:10px 10px 10px 10px; font-size:12px; line-height: 14px; color:#545454; text-align: justify; display: block;}

/* Page Agence */

#main_picture_agence{float:left; width:520px; height: 350px; padding-bottom:30px; }

#content_agence_right{float:left; color:white; width:390px; padding-left:8px; background: url('images/light.jpg') no-repeat; padding-top:30px;}
#content_agence_right_text{display: block; height:244px;}
#content_agence_right_text p{padding:0 20px 10px 38px; font-size:11px; line-height: 14px; color:#b8b8b8; text-align: justify;}
#content_agence_right_text a{text-decoration: underline; color:white;}
#content_agence_right_text a:hover{color:#b8b8b8;}
#content_agence_right_text a:active{color:red;}

#content_agence_right_text .lien_presse{padding-top:5px; display:block;width:300px;height:14px; padding-left:25px; background: url('/images/agence_presse.gif') no-repeat 0 5px;font-size:10px;}

#content_agence_right_text .lien_prix{padding-top:6px; display:block;width:300px;height:14px; padding-left:25px; background: url('/images/agence_medaille.gif') no-repeat 0 6px;font-size:10px;}

#texte_agence_left{padding:0 0px 0 0px;  width:520px; float:left; display:block;}

#texte_agence_right{padding:0 0px 0 40px; width:335px; float:left; display:block;}

#texte_agence_left, #texte_agence_right{font-size:10px; line-height: 14px; color:#545454; text-align: justify;}

#texte_agence_left h1, #texte_agence_right h1{ font-size:12px; color:#AF0A0A; padding-bottom:10px;}


/* Page Bio */

#main_picture_bio{float:left; height: 350px; padding-bottom:25px; }

#content_bio_right{float:left; color:white; width:645px; padding-left:30px; background: url('images/light.jpg') no-repeat;}
#content_bio-michel_right{float:left; color:white; width:429px; padding-left:35px; background: url('images/light.jpg') no-repeat;}

#content_bio_text{display: block; height:244px; font-size:10px; line-height: 18px;}

#content_bio_right h1,#content_bio-michel_right h1{font-size:20px; color:#cd0d0c; margin-top:16px; text-indent: 0px; padding-bottom:10px;}

#content_bio_text p{padding:0 0px 0 0px; color:#b8b8b8; text-align: justify;}
#content_bio_text a{text-decoration: underline; color:white;}
#content_bio_text a:hover{color:#b8b8b8;}
#content_bio_text a:active{color:red;}

#content_bio_text ul{list-style-type: none; margin-top:12px; padding-left:50px;}
#content_bio_text ul li{display: block; float:left; background: url('images/puce.png') no-repeat 0 3px; padding-left:25px; }

#content_bio_text2 p{float:left; display: block; font-size:10px; line-height: 18px; font-style:italic;}
#content_bio_text2 p{background: url('images/quote1.jpg') no-repeat 0px 20px; padding-left:0px; padding-top:20px; text-indent: 20px; color:white; }

#content_bio_text p a.thickbox{
	display: block; 
	float:left; 
	position: absolute;
	margin-top:280px;
	margin-left:207px;
	padding-left:22px;
	background: url('images/video.gif') no-repeat 0px 3px ;
}
#secondary_content_bio{clear:both;}
#secondary_content_bio a {text_decoration:underline; color:#545454; }

#texte_bio_left{padding:0 0px 0 0px;  width:435px; float:left; display:block;}
#texte_bio_right{padding:0 0px 0 30px; width:435px; float:left; display:block;}
#texte_bio_left, #texte_bio_right{font-size:10px; line-height: 14px; color:#545454; text-align: justify;}
#texte_bio_left h1, #texte_bio_right h1{ font-size:12px; color:#AF0A0A; padding-bottom:10px;}



#bouton_retour_bio{display: block; position:relative; z-index: 1000; float:right; font-size: 9px; background: url('images/fleche_rouge.jpg') no-repeat #595959 6px 5px; color:#b8b8b8; text-align: right; width:55px; height:15px;  padding:3px 6px 0 0;margin-top:0px;text_decoration:underline;}
#email-flash{
	float:right;
	margin-top:-55px;
	margin-right:25px;
}
/* Page contacts */

#google_map{float:left; width:520px; height: 384px;background: url('images/light2.jpg') no-repeat 280px 0; }
#google_map small{ display:block;width:520px;text-align:right;}
#google_map small a{ font-size:10px; color:#b8b8b8; text-decoration:underline;}
#google_map small a:hover{ text-decoration:none; }

#content_right_form{display: block; height:244px;padding-left:30px;}
#content_right_form h1{font-size:20px; color:#cd0d0c; margin-top:16px; padding-bottom:5px;}
#content_right_form p{font-size:10px; line-height: 18px; color:#b8b8b8; text-align: justify; padding-top:5px;}

#content_right_form input, #content_right_form textarea{
	padding:4px 0px 0px 3px; 
	width:330px;
	height:20px;
	border: 1px solid #454545;
	font-size:10px; 
	color:#b8b8b8; 
	background-color:#000000;
	font-family: Verdana;
}

#content_right_form textarea{
	height:120px;
}
#content_right_form #submit_form{
	padding:0; 
	float:right;
	margin-top:5px;
	margin-right:22px;
	width:90px;
	border: 0;
	font-size:11px; 
	color:#FFFFFF; 
	background-color:#151515;
	padding-bottom:3px;
}

#secondary_content_contact{clear:both;border: 1px solid #e7e7e7;display:block;height:50px;width:895px;}

#texte_adresse1, #texte_adresse2, #texte_adresse3{font-size:11px; line-height: 14px; color:#545454; text-align: left;}
#texte_adresse1{padding:16px 0px 0 20px; width:300px; float:left; display:block;color:#AF0A0A;font-size:14px; }
#texte_adresse2{padding:2px 0px 0 70px; width:250px; float:left; display:block;}
#texte_adresse3{padding:10px 0px 0 80px; width:150px; float:left; display:block;}
#spacer_adresse{border-left: 1px solid #e7e7e7; float:left; height:40px; display:block;margin-top:5px;padding-right:0px;}



/* Recherches */

#image_recherche{float:right; height: 350px;}
#image_recherche img{float:right; padding-right:30px; }

#content_left{float:left; color:white; width:390px; padding-left:0px;}
#content_left_text{display: block; height:244px;}
#content_left_text h1{font-size:14px; color:#cd0d0c; margin-top:10px; font-weight:bold; }

//#content_left_text p{font-size:11px; color:#cd0d0c; margin-top:10px; font-weight:bold; }

#content_left_text p{padding:5px 0px 0px 0px; font-size:10px; line-height: 18px; color:#fff; text-align: justify;}

.navigation {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	color: #494949;
	width: 600px;
	font-size:14px;
	
}
.navigation a, .navigation span {
	display: block;
	width:200px;
	height:14px;
	padding: 4px 28px;
	color: #494949;
	text-decoration: underline;
	background: url(/images/fleche.gif) 9px 8px no-repeat ;
}

.navigation .open a, .navigation .open span {
	background-image: url(/images/fleche_bas.gif);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
	text-decoration: none;
}
.navigation .subMenu {
	font-size:12px;
	color: #b8b8b8;
	margin: 0;
	padding: 3px 0 0px 55px;
}

.navigation ul.subMenu a, .recherche_other_links a {
	height:16px;
	text-decoration: none;
	color: #b8b8b8;	
	padding: 0px 0px 0px 20px;
	background:  url(/images/link_new_win_black.gif) 0 1px no-repeat;
	width:100%;	
}

.navigation ul.subMenu a:hover,.recherche_other_links a:hover{
	text-decoration: underline;
}

.navigation ul.subMenu a:active, .recherche_other_links a:active {
	color:red;
	text-decoration: none;
}

.recherche_other_links{
	display:block;
	width:550px;
	margin-left:0px;
	padding: 0px 0px 5px 0px;
	font-size:12px;
}
.recherche_other_links ul li{
	padding-left:5px;
	padding-bottom:5px;	
}
.recherche_other_links p{ margin-bottom:10px;}

#texte_recherche_left{padding:0 8px 0 0px;  width:362px; float:left; display:block;}
#texte_recherche_right{padding:0 8px 0 0px; width:362px; float:left; display:block;margin-left:157px; }
#texte_recherche_left, #texte_recherche_right{display:block;font-size:10px; line-height: 14px; color:#545454; text-align: justify;margin-top:30px;border: #ccc 1px solid;}

#texte_recherche_left h1, #texte_recherche_right h1{
	font-size:11px;
	color:#2F2C2C;
	padding-left:105px;
	padding-bottom:3px;
}
#texte_recherche_left a img, #texte_recherche_right a img{
	display:block;
	margin-top:-17px;
	margin-right:10px;
	height:50px;
	width:90px;
	float:left;
	border:#494949 3px solid;
}
#texte_recherche_left p, #texte_recherche_right p{
	display:block;
	float:left;
}
#texte_recherche_left a, #texte_recherche_right a{color:#b8b8b8;}
#texte_recherche_left a:hover, #texte_recherche_right a:hover{color:#494949;}
#texte_recherche_left a:active, #texte_recherche_right a:active{color:red;}

#texte_recherche_left a:hover img, #texte_recherche_right a:hover img{
	border:#cccccc 3px solid;
}
#texte_recherche_left a:active img, #texte_recherche_right a:active img{
	border:red 3px solid;
}


/* Projets List */

#projet_list{float:left; width:905px; height: 375px;background: url('/images/fond_projets.jpg') no-repeat -1px 0; padding-top:1px;}

#pics_zone {
	float:left;
	width:600px;
	padding:0px 0px 0px 0px;	
	margin: 30px 0px 0px 48px;
	display: inline;	
}
.box_ul{float:left;width:113px;}
.box_ul li{float:left;display:none;}
.box_ul li a{float:left;display:block;width:111px;padding: 1px;}
.box_ul li a:hover{text-decoration:none;padding: 0px;border:1px solid #ffffff;}
.box_ul li a:active{text-decoration:none;padding: 0px;border:1px solid red;}
.box_ul li a img{display:block;width:100%;height:85px;cursor:pointer}

#infobulle{
	border:1px solid #7f7f7f; 
	font-size:10px; 
	background:#4F4F4F; 
	position:absolute; 
	padding:0.6em; 
	display:none;
	color:white;
}

#infobulle h3{
	font-weight:bold;
	color:red;
	font-size:1.2em;
	padding-right:10px;
}
#infobulle p{
	padding-top:5px;
}

.infos{display:none;}

#secondary_content_projets{clear:both;display:block;height:50px;width:902px;border: 1px solid #e7e7e7;}

#titre_tris, #projets_checkboxes{font-size:12px; line-height: 14px; color:#545454; text-align: left;}
#titre_tris{padding:16px 0px 0 20px; width:170px; float:left; display:block;color:#AF0A0A;font-size:14px; }
#spacer_tris{border-left: 1px solid #e7e7e7; float:left; height:40px; display:block;margin-top:5px;padding-right:0px;}

#loading_anim{ display:block; float:left; width:0px; height:16px; margin-top:15px; padding-right:32px;margin-left:10px;}
#loading_anim.on{ background: url(/images/loading.gif) 0 0px no-repeat;}
#loading_anim.off{ background: none;}

#projets_checkboxes div{padding-top:12px}
#projets_checkboxes div{float:left; display:block; margin-left:35px;}
#projets_checkboxes div label{//display:block; 
margin-left:10px;padding-top:0px;}

/*  supprimer le surlignage du label des checkboxes */
#projets_checkboxes div label::selection {background: transparent;}
#projets_checkboxes div label::-moz-selection{background: transparent;} 

span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(images/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}

/* Page Un Projet */

#content_right_text_projet{display: block; height:237px;}
#content_right_text_projet h1{font-size:20px; color:#cd0d0c; margin-top:23px; padding-left: 11px;}


#bouton_retour{display: block; position:relative; z-index: 1000; float:right; font-size: 9px; background: url('images/fleche_rouge.jpg') no-repeat #595959 6px 5px; color:#b8b8b8; text-align: right; width:55px; height:15px; top:-5px; left:-18px; padding:3px 6px 0 0;margin-top:-18px;}
#bouton_retour a, #bouton_retour_bio a{width:100%; height:100%; display: block; color:#b8b8b8;}
#bouton_retour a:hover, #bouton_retour_bio a:hover{color:white;}
#bouton_retour a:active, #bouton_retour_bio a:active{color:red;}

.sous_titre{color:white; font-size:13px; margin-bottom:17px; padding-left: 11px;padding-top:2px; width:358px;}

/* un projet cadre gris */
#cadre_gris{ display: block; height:158px; width:384px; background: url('images/cadre_gris.jpg') no-repeat; font-size:10px;}
#details{display: block; height:74px;}
#details .details_libelle{color:#b9b9b9;}
#details .details_libelle_laureat{color:#cd0d0c; font-weight:bold;text-transform:uppercase;}
#details ul#details_infos{list-style-type: none; padding-top: 16px; margin-left: 24px;}
#details ul#details_infos li{display: block; width:174px; float:left; height:22px;}
#projets-relies{padding-left:24px;}
#projets-relies ul{list-style-type: none; margin-top:12px;}
#projets-relies ul li{display: block; width:48px; float:left; height:22px; margin-right:8px;}
#projets-relies ul li a{border:1px solid #595959; display: block; width: 48px; height:32px;}
#projets-relies ul li a:hover{border:1px solid white;display: block; width: 48px; height:32px;}
#projets-relies ul li a:active{border:1px solid red;display: block;}

#projets-relies ul li a img{display: block; width:48px; float:left; height:32px;}

/* Erreur 404 */
.erreur_404{padding:10px 10px 10px 10px; font-size:18px; line-height: 14px; color:#cd0d0c; text-align: center; display: block;}


/* Contact Form */

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0% !important;
	left: 0% !important;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	padding: 2px;
}


div.wpcf7-response-output {
	margin: 0em 0.5em 1em !important;
	padding: 0.2em 1em;
}


div.wpcf7-validation-errors {
	border: 2px solid #ff0000 !important;
	font-size:10px;
	margin-top:-36px;
	width: 180px!important;
}