@charset "utf-8";

h1,h2,h3 ,p{ margin:0; }
body, td, th, form, h1, h2, h3, h4, h5, h6, ul, li, p, div, a, code, blockquote {
color:#666;
font-family:arial,helvetica,sans;
font-size:12px;
line-height:15px;
}
a { text-decoration:none }
a:hover  { text-decoration:underline; }
.indent { text-indent:-9000px; }
.my_clear{clear:both;height:0;line-height:0;margin:0;padding:0;font-size:0px;}
.adverbia { color: #b51621; font-weight: bold }
.adverbia span { color: #868889;}
.highlight { color: #b51621; font-weight: bold }
/* Gabarits */
body {padding:0;margin:0;}
#container {width:910px; margin: 0 auto; padding:0;padding:0 0 0 50px;}
#header {background:transparent url(../art/bg_header.jpg) repeat-x; height:182px;  }
#header-inside {margin:0 auto; position:relative; width:880px; height:182px; }
#header-inside #flash {background:url(../art/temp_header.png) no-repeat 10px 0;width:900px; height:142px;}
#header h1 {margin: 0;}

#content {	width: 100%; overflow: hidden; margin:30px 0 0 0; background:white;}
#leftcol { float: left; width: 600px; margin:0 20px 0 0; padding:0px; background: white;}
#rightcol { width:240px; float:left;display:inline; margin:20px 0 0;padding:0 0 12px; background: white;  }
#footer { background:url(../art/bg_footer.png) repeat-x; height:122px;}
#footer-inside { margin:0 auto; position:relative;width:860px;}

#facebook { width: 240px; height: 535px; overflow: hidden; margin-bottom: 20px; border-bottom:1px solid #94A3C4; margin-top: 20px; }

/*lien plaquette*/
#link_pdf {
position:fixed; background:url("../art/link_pdf.jpg") no-repeat;  left:15px; top:227px; width: 130px; height: 262px;
}
#link_pdf a{
width: 130px; height: 262px; display: block;
}

/* navigation */
#navigation { height:49px;  width:880px; overflow:hidden;margin:0; padding:0;}
#navigation #menu {width:880px; margin:0; padding:0; float:left; margin-bottom: 15px;}
#navigation #menu li {float: left; display:inline; list-style-type:none; padding:0; margin:0; }
#navigation #menu li a {display: block ; height:40px; padding:0; margin:0; }

#navigation #menu #menu-accueil a:hover,
#navigation #menu #menu-accueil a:focus,
#navigation #menu #menu-accueil a:active { background:url(../art/buttons/menu_jpg/menu_1_h.jpg) center top no-repeat; width:123px; }

#navigation #menu #menu-agence a:hover,
#navigation #menu #menu-agence a:focus,
#navigation #menu #menu-agence a:active { background:url(../art/buttons/menu_jpg/menu_2_h.jpg) center top no-repeat; width:133px; }

#navigation #menu #menu-metiers a:hover,
#navigation #menu #menu-metiers a:focus,
#navigation #menu #menu-metiers a:active { background:url(../art/buttons/menu_jpg/menu_3_h.jpg) center top no-repeat; width:159px; }

#navigation #menu #menu-equipes a:hover,
#navigation #menu #menu-equipes a:focus,
#navigation #menu #menu-equipes a:active { background:url(../art/buttons/menu_jpg/menu_4_h.jpg) center top no-repeat; width:132px; }

#navigation #menu #menu-references a:hover,
#navigation #menu #menu-references a:focus,
#navigation #menu #menu-references a:active { background:url(../art/buttons/menu_jpg/menu_5_h.jpg) center top no-repeat; width:181px; }

#navigation #menu #menu-contact a:hover,
#navigation #menu #menu-contact a:focus,
#navigation #menu #menu-contact a:active { background:url(../art/buttons/menu_jpg/menu_6_h.jpg) center top no-repeat; width:152px; }

#navigation #menu #menu-accueil a {background:url(../art/buttons/menu_jpg/menu_1.jpg) center top no-repeat; width:123px;}
#navigation #menu #menu-agence a {background:url(../art/buttons/menu_jpg/menu_2.jpg) center top no-repeat ; width:133px;}
#navigation #menu #menu-metiers a {background:url(../art/buttons/menu_jpg/menu_3.jpg) center top no-repeat ; width:159px;}
#navigation #menu #menu-equipes a {background:url(../art/buttons/menu_jpg/menu_4.jpg) center top no-repeat ; width:132px;}
#navigation #menu #menu-references a {background:url(../art/buttons/menu_jpg/menu_5.jpg) center top no-repeat ; width:181px;}
#navigation #menu #menu-contact a{background:url(../art/buttons/menu_jpg/menu_6.jpg) center top no-repeat ; width:152px;}

/* colonne gauche -----#leftcol---- */
.leftbloc {width:600px; float:left; display:inline; }
.leftbloc .top { padding:0;background:white url(../art/bg_small_block.png) repeat-x;height:36px; }

/*3col*/
.blocA { width:48%; padding:1%; float:left}
.blocB { width:48%; padding:1%; float:left}


/*fil ariane*/
	#navigation2 { width:100%; height:20px; font-weight: bold}
	#navigation2 .parent { font-size:11px; }
	#navigation2 .current { color: #f7a800; font-size:11px; margin-left:5px;  }
	#navigation2 a {  }

/*HOME*/

/* SHOWCASE */
/*.bloc_flash {padding:4px 2px 4px 4px; width:600px; height:230px; margin:0 0 2px 2px; border:1px solid #D8D9D9;}*/
.bloc_flash {height:230px;width:600px; margin: 0 0 10px 0;background:transparent url(../art/bck-flash-acc.jpg) no-repeat;}
.bloc_agence {width:590px; height:320px; padding:4px;background:white url(../art/bg_home_adverbia.png) repeat-x;overflow:hidden;}
#agence .bloc_agence {width:590px; height:auto;padding:4px;background:white url(../art/bg_home_adverbia.png) repeat-x;overflow:hidden;}
.bloc_agence.home { overflow: hidden; }
.bloc_agence .texte { width:360px; margin:100px 0 0 20px; text-align: left;float: left; } 
.bloc_agence img { float: right; margin-top: 6px; width: 183px; height:264px; }
.bloc_agence p.more { text-transform:uppercase; font-weight:bold; margin:5px 0 0 0; float:right; }
.bloc_agence p.more a{ color:#ea8b07; font-size:10px; font-weight:bold;}
.bloc_agence p img { width:auto; height:auto; margin:5px; float: left }

/* COMPETENCES */
.bloc_comp .top h2 { background:white url(../art/background/top_metiers.png) no-repeat left; height:36px; width:170px;}
.left_bloc_comp {width:295px; border-right:1px solid #d8d9d9; float:left}
.right_bloc_comp {width:295px;float:left}
	/* UNE COMPETENCE */	
	.small_bloc { float:left;display:inline; width:280px; padding:15px 7px 5px 7px; height:125px;}
	.border_small_bloc { border-bottom:1px solid #d8d9d9; }
	.last_small_bloc { float:left;display:inline;width:270px; padding:15px 7px; }
	.small_bloc img { float:left;display:inline; padding:0; border:0; margin:0 15px 0 0; width:60px; height:60px;}		
	.small_bloc .right { float:left;display:inline; width:205px; }
	.small_bloc .right h3 { color:#b51621; text-transform:uppercase; }	
	.small_bloc .right div.excerpt {  margin:2px 0; height:88px; overflow:hidden;}
	.small_bloc .right p.more { text-transform:uppercase; font-weight:bold; margin:-2px 0 0 0; float:right; }
	.small_bloc .right p.more a{ color:#ea8b07; font-size:10px; font-weight:bold;}
	.small_bloc .right p img { width:auto; height:auto; margin:5px;  }
	
/* colonne droite -----#rightcol---- */

#search {padding:0 0 13px 0; border:1px solid #868889; background:white url(../art/bg_bottom_gradient.png) repeat-x center bottom; margin-bottom:20px;}
#search h2.top { text-decoration:none; background: #868889 url(../art/bg_top_leftblock.png) no-repeat; font-size:0px; height:25px; width:238px;}
#search form { margin:13px 6px 0 6px; width:240px;}
#search form .search_text { width:175px; height:18px; font-size:11px; color:#666666; padding-right:0; padding-left:0; float:left;display:inline; border:1px solid #868889; border-right:none;  }
#search form .bt_ok { background: #868889; border-bottom:1px solid #868889;  }
	

/* TWITTER */

#twitter { padding:0; border:1px solid #868889; margin-bottom:20px;}
#twitter h2.top { background: #868889 url(../art/top_twitter.png) no-repeat; font-size:0px; height:25px; width:238px; }
#twitter .bottom {background:#868889; color:white; height:20px; padding:5px 0 0 85px; line-height:20px } 
#twitter .bottom img {margin-right:5px; } 

#twitter ul {background:white url(../art/bg_bottom_gradient.png) repeat-x center bottom; list-style-type:none; width:100%; padding:0; margin:0 }	
#twitter ul li { padding:5px; } 			
#twitter ul li a { color:#ea8b07;}
#twitter .bottom a { color:white; font-size:10px; text-transform:uppercase;} 
#twitter .bottom h3 {}

.border_twit { border:none; border-bottom:1px solid #868889; }
.last_twit { border:none }
		
/* BLOC contact*/
.contact_right { height:80px; padding:0; border:1px solid #868889; background:white url(../art/bloc_contact.png) repeat-x center bottom; margin-bottom:20px;}
.contact_right p { background:#868889 url(../art/buttons/bt_normal.jpg) no-repeat; width:128px; height:18px; padding:2px 0 0 17px; margin:45px 0 0 30px; }
.contact_right p a  { text-transform:uppercase; color:white; text-decoration:none; font-weight:bold; width:128px; height:18px; display:block}

/*bloc_blog*/
.bloc_blog { width:290px; height:136px; background:url(../art/blog_link.jpg) no-repeat; }
.bloc_blog a{ width:290px; height:136px; display:block;}

/*legal*/
.legal { color:#666666; text-transform:uppercase; background:url(../art/arrow_grey.png) no-repeat 0 5px; margin:20px 0 0 120px; padding:0 0 0 10px;}
.legal a {font-size:10px; font-weight:bold;}

/*keywords_block home page*/
.keywords { clear:both;line-height:20px; text-align:center; margin:10px 0; float:left; width:580px; }
.keywords_block { margin: 15px 0 5px 0; }
.keywords_block span.title { color:#F7A800; font-weight: 900; }
.keywords span { margin-left:3px; }

.keywords .default { color:#666; font-size:12px;  }
.keywords .small a{ color:#666; font-size:12px; }
.keywords .medium a{ color:#666; font-size:14px; }
.keywords .large a{ color:#666; font-size:16px; font-weight:bold; }
.keywords .big a { color:#666; font-size:18px; font-weight:bolder; }

.keywords .default a:hover,
.keywords .small a:hover,
.keywords .medium a:hover,
.keywords .large a:hover,
.keywords .big a:hover{ color:#fff; background:#B51621; text-decoration:none; }



/*contact page*/

.bloc_contact { border-bottom:1px solid #D8D9D9; height:402px; padding-bottom:40px;}
.bloc_contact .top { margin:0 0 30px 0; }
.bloc_contact h2 { background:white url(../art/top_contact.png) no-repeat left; height:36px;  padding-top:1px; width:170px;}
.bloc_contact .plan { float:left; width:316px; height:230px; overflow:hidden}
.bloc_contact .border { float:left; padding:3px; border:1px solid #d8d9d9; margin:5px; width:316px; height:230px;} /*230*/
.bloc_contact p.acces { clear:none; float:left;text-align:center;width:230px; margin:-19px 0 -14px 20px;}
.bloc_contact p.acces { font-size: 15px;}
.bloc_contact p.acces a.mail{ font-weight: bold; font-size:15px; }
.bloc_contact p.acces .logo { margin:0 50px 20px 25px; }
.bloc_contact .more { float:right; margin:0 0 0 0px; width:110px;}
.bloc_contact .more a {color:#ea8b07; font-size:10px; font-weight:bold; text-transform:uppercase;}  
.bloc_contact .legend_map { float: left; width: 98%; padding: 0 0 0 2%}
.bloc_contact .legend_map span { font-weight: bold }
.bloc_formContact { padding:50px 0 0 0;} /*30 0 0 0*/
.bloc_formContact .legend { text-align:center; margin-bottom:20px; color:#B61622;font-weight:bold;}
.bloc_formContact .contact_accroche { font-size:11px; text-transform:uppercase;  }


form { width:580px;} 
form p { margin-left:109px; }
form p label { margin:2px 3px;text-align:right;width:150px; float:left}
form p label.error { width:150px; font-size:9px;}

form p select {width:175px;margin:3px }
form p input,
form p textarea { margin:3px}
form p.tel_auto { margin-left:0; margin-top:20px; }
form p.tel_auto label.text {  margin:2px 0 2px 40px;  }
form p.tel_auto label{ width:20px; float:none; }
form p.tel_auto input{ width:20px }
form p.date {margin-top:7px;}
form em { color:#b61622; padding:0!important; margin:2px; font-weight: bold; font-size: 16px; }
form p select#time { width:80px; } 
form .bt_send { width:141px; height:19px; text-align:center; margin:20px 0 0 160px;} 
form label.error { float: none; color: red; padding-left:  2px; vertical-align: top; }



/*liste des references*/
.bloc_ref .top { margin:0 0 35px 0;}
.bloc_ref .top h2 { background:white url(../art/top_ref.png) no-repeat left; height:36px; padding:0px; width:170px;}
.bloc_ref .right h4 { color:#b51621; font-size:14px; margin: 0; height: 35px; overflow: hidden; margin-bottom: 15px;}
.bloc_ref .top .more { float: right; font-weight: 900; margin: -20px 0 0 0; padding-right: 20px;}
.bloc_ref .top .more a{ color:#F7A800; font-size:10px; text-transform:uppercase;} 
.bloc_ref .bloclist { border-bottom:1px solid #d8d9d9; float:left;display:inline; width:580px; height:100px; padding:15px 7px; }
.bloc_ref .bloclist .left { float:left; display:inline; width:140px; }
.bloc_ref .bloclist .left a { outline-style: none}
.bloc_ref .bloclist img { padding:0; border:0; margin:0 20px; width:100px; /*garde proportions*/}		
.bloc_ref .bloclist .right { float:left; width:420px; }
.bloc_ref .bloclist .right .excerpt { width: 420px; height:50px; overflow:hidden; }
.bloc_ref .bloclist .right h3 { color:#F7A800; text-transform:uppercase; height: 20px; overflow: hidden }
.bloc_ref .bloclist .right h3 a { color:#F7A800; text-transform:uppercase;  }	
.bloc_ref .bloclist .right h4 { color:#b51621; margin: 0; height: 20px;}
.bloc_ref .bloclist p.comp {  margin:2px 0; }
.bloc_ref .bloclist p.more { text-transform:uppercase; font-weight:bold; margin:0 0 0 75%; width:30%}
.bloc_ref .bloclist p.more a{ color:#ea8b07; font-size:10px;font-weight:bold;}
.bloc_ref .bloclist p.more img { width:4px; heigth:7px; float:none; margin:5px 2px 0 0;}

/*page reference*/

.bloc_ref .bloc .left {  width: 160px; float: left; padding-right:10px ;}
.bloc_ref .bloc .left h3 { color:#F7A800; font-size: 16px;  float: right; width:100%;}
.bloc_ref .bloc .left img  { width:110px ;float: right; margin: 5px;  border:1px solid #dadbdb}
.bloc_ref .bloc .right { width: 400px; float: left; padding-left:20px ; border-left:1px solid #dadbdb}
.bloc_ref .bloc #img_big { margin:20px 0; border: none; }
.bloc_ref .bloc #img_big img { border: none; } 
.bloc_ref .bloc .affiche_big { margin-right:12px;font-size:0; cursor: pointer;}
.bloc_ref .bloc .right ul { width: 350px; margin-left: 5px; }

.bloc_ref .keywords_block {float:left;margin:20px 0;width:400px; text-align: center;}
.bloc_ref .keywords_block a{  color:#B51621; /*color:#868889;*/ font-size:14px; line-height:auto; text-align:left; margin:0 5px;  }
.bloc_ref .keywords_block a:hover{ color:#fff; background:#868889; text-decoration:none; }
	
.keywords_block .default { color:#B51621; font-size:12px;  }
.keywords_block .small a{ color:#B51621; font-size:12px; }
.keywords_block .medium a{ color:#B51621; font-size:14px; }
.keywords_block .large a{ color:#B51621; font-size:16px; font-weight:bold; }
.keywords_block .big a { color:#B51621; font-size:18px; font-weight:bolder; }
.keywords_block .default a:hover,
.keywords_block .small a:hover,
.keywords_block .medium a:hover,
.keywords_block .large a:hover,
.keywords_block .big a:hover{ color:#fff; background:#868889; text-decoration:none; }

a.search_keyword { color:#666; font-size:12px; font-weight: normal; text-transform: uppercase; }
a:hover.search_keyword{ color:#fff; background:#B51621; text-decoration:none; }


/*page agence*/
.agence p { margin:0 0 10px 0;}

/*page equipe*/
#content #left.equipe { width:560px;overflow: hidden }
#cv { padding:35px 0 0 0 }
#left_cv {  width: 160px; float: left; padding-right:10px ;}
#left_cv .nom_cv { color:#f7a800; font-size:16px; font-weight: 900}
#right_cv { width: 380px; float: left; padding-left:20px ; border-left:1px solid #dadbdb}


/*page liste competence*/

.bloc_comp .top { margin:0 0 35px 0;}
.bloc_comp .top h2 { background:white url(../art/top_ref.png) no-repeat left; height:36px; padding:0px; width:170px;}
.bloc_comp .top .more { float: right; font-weight: 900; margin: -20px 0 0 0; padding-right: 20px;}
.bloc_comp .top .more a{ color:#F7A800; font-size:10px; text-transform:uppercase;} 
.bloc_comp .bloclist { border-bottom:1px solid #d8d9d9; float:left;display:inline; width:580px; height:100px; padding:15px 7px; }
.bloc_comp .bloclist .left { float:left; display:inline; width:140px; }
.bloc_comp .bloclist img { padding:0; border:0; margin:0 20px; width:100px;/*garde proportions*/}		
.bloc_comp .bloclist .right { float:left; width:420px; }
.bloc_comp .bloclist .right .excerpt { width: 420px; }
.bloc_comp .bloclist .right h3 { color:#F7A800; text-transform:uppercase; height: 20px; overflow: hidden }
.bloc_comp .bloclist .right h3 a { color:#F7A800; text-transform:uppercase; height: 20px; overflow: hidden }	
.bloc_comp .bloclist .right h4 { color:#b51621; margin: 0; height: 20px;}
.bloc_comp .bloclist p.comp {  margin:2px 0; }
.bloc_comp .bloclist p.more { text-transform:uppercase; font-weight:bold; margin:0 0 0 75%; width:30%}
.bloc_comp .bloclist p.more a{ color:#ea8b07; font-size:10px;font-weight:bold;}
.bloc_comp .bloclist p.more img { width:4px; heigth:7px; float:none; margin:5px 2px 0 0;}


/*page competence*/
.left_bloc_comp .bloclist { border-bottom:1px solid #d8d9d9; float:left;display:inline; width:580px; height:100px; padding:15px 7px; }
.left_bloc_comp .bloclist .left { float:left; display:inline; width:140px; }
.left_bloc_comp .bloclist img { padding:0; border:0; margin:0 20px; width:100px;/*garde proportions*/}		
.left_bloc_comp .bloclist .right { float:left; width:420px; }
.left_bloc_comp .bloclist .right .excerpt { width: 420px; }
.left_bloc_comp .bloclist .right h3 { color:#F7A800; text-transform:uppercase; height: 20px; overflow: hidden }	
.left_bloc_comp .bloclist .right h4 { color:#b51621; margin: 0; height: 20px;}
.left_bloc_comp .bloclist p.comp {  margin:2px 0; }
.left_bloc_comp .bloclist p.more { text-transform:uppercase; font-weight:bold; margin:0 0 0 75%; width:30%}
.left_bloc_comp .bloclist p.more a{ color:#ea8b07; font-size:10px;font-weight:bold;}
.left_bloc_comp .bloclist p.more img { width:4px; heigth:7px; float:none; margin:5px 2px 0 0;}


/*top*/

.top_metiers { background:white url(../art/background/top_metiers.jpg) no-repeat left; height:57px; padding:0px; width:600px;}
.top_agence { background:white url(../art/background/top_agence.jpg) no-repeat left; height:57px; padding:0px; width:600px;}
.top_search { background:white url(../art/background/top_search.jpg) no-repeat left; height:57px; padding:0px; width:600px;}
.top_ref { background:white url(../art/background/top_ref.jpg) no-repeat left; height:57px; padding:0px; width:600px;}
.top_equipe { background:white url(../art/background/top_equipe.jpg) no-repeat left; height:57px; padding:0px; width:600px;}
.top_mentions { background:white url(../art/background/top_mentions.jpg) no-repeat left; height:57px; padding:0px; width:600px;}

.top {}

/*more*/
.bloc_ref .bloc .left .more { float: right }
.bloc_ref .bloc .left .more img { width:4px; height:7px; float:left ; border: none  }


/*pager*/
#pager { margin: 20px; height:25px; border: 1px solid #DADBDB; border-left: none; border-right: none; padding:5px 0 0 0;}
#pager ._pager { display: block; background: #DADBDB; width: 15px; height: 15px; float: left; margin: 0 2px; color:#777; }
#pager span { padding:3px 0 3px 8px; display: block; background: #F7A800; width: 15px; height: 15px; float: left; margin: 0 2px; color:#B51621; font-weight: bold}
#pager a { padding:3px 0 3px 8px;display: block; background: #fff; width: 15px; height: 15px; float: left; margin: 0 2px; color:#F7A800; font-weight: bold}

#pager .arrow_prev { display: block; background: #DADBDB; width: 15px; height: 15px; float: left; margin: 0 2px; color:#777; }
#pager .arrow_next { display: block; background: #DADBDB; width: 15px; height: 15px; float: left; margin: 0 2px; color:#777; }

.texte_libre { width:230px; border:1px solid #D8D9D9; height:auto; margin:0 0 20px; padding:5px;}

/*search*/
.bloc_search h1 {  color:#F7A800;  }
.bloc_search a:hover  {  color:#B51621;  }

/*mentions legales*/
.bloc_mentions h1{ font-style: 16px; text-decoration: underline; margin: 20px 0 }

/*****AJOUTS AYMERIC***/
.intrometiers {padding:5px 30px;font-size:13px;text-align:justify;color:#000000;font-weight:700;}


/*********************AJSTYLES*********************************/
#navrefs2 {margin:0 0 15px 0;padding:10px;list-style:none; border:1px solid #868889;}
#navrefs2 li {}
#navrefs2 li a {background:transparent url(../art/puce-rouge.gif) no-repeat left center; padding-left:10px;}