@charset "utf-8";
/* CSS Document */
/* GENERAL */
* { font-family: Verdana, Arial, Helvetica, sans-serif; color: #efefef; text-decoration: none;}
html { background: #4a4a4a;}
body { background: #4a4a4a;}
p { font-size: 12px; line-height: 17px;}
h1, h2, h3 {padding-top: 10px; padding-bottom: 10px;}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

li { font-size: 12px; line-height: 17px;}
a:hover {text-decoration: underline; color: #FFFFFF;}

/* HEADBAR */
#headBar { height: 30px; width: 100%; background: #000000; position: absolute; top: 0;}
#s_menu { float: right; position: relative; top: 5px;}
#s_menu li { display: inline; font-size: 12px; font-weight: bold;}
#s_menu a:hover { color: #FFFFFF;}

/* FACEBOOK HEADBAR */
#facebook { float: left; font-size: 12px; position: relative; top: 3px;  font-weight: bold;}
#facebook li { display: inline;}
#facebook a:hover { color: #FFFFFF; text-decoration: underline;}
#txt_fb { position: relative; bottom: 10px;}


/* LOGO */
#logo { float: left; background-image:url(../images/site/logo.jpg); width:324px; height: 102px;}
#logo:hover { background-position: 0 102px; width:324px; height: 102px;}

/* MAIN_MENU */
#container_menu { width: 960px; height: 2px;; margin: 0 auto; margin-top: 30px;}
#m_menu { float: right; padding-top: 30px;}
#m_menu li { display: inline; font-size:16px; font-weight: bold; font-stretch: narrower;}
#m_menu img { position: relative; top: 7px; padding-left: 15px; padding-right: 12px;}

#menu_s { width: 960px; margin: 0 auto; z-index: 101;}

/* SLIDER */
#container_slider { background: #5c5c5c; width: 100%; height: 251px;; margin-top: 100px;}

/* CONTENT */
#content { height: auto; width: 960px; margin: 0 auto;  margin-top: 20px; background: #3e3e3e;}
#content p { text-align: justify; padding-bottom: 10px; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
#content h2 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

/* FOOTER */
#footer { float: left; background: #5c5c5c; width: 100%; height: 185px; position: relative; margin-top: 50px;}
#footer a { margin: 0 auto;}

/* TER_MENU */
#t_menu { text-align: center;}
#t_menu li { display: inline; font-size: 12px; color: #efefef; font-weight: bold; position: relative; top: 5px;}

#q_menu { position: relative; top: 15px; width: 530px; margin: 0 auto;}
#q_menu li { float: left; padding-left: 32px; padding-right: 32px;}

/* COPYRIGHT */
#infos { text-align: center; position: relative; top: 25px; clear: both;}
#infos p { position: relative; top: 5px; margin-top: 10px; font-size: 10px;}
#infos a:hover { color: #FFFFFF; text-decoration: underline;}

.h_separateur_1 { width: 801px; height: 2px; margin: 0 auto; position: relative; bottom: 13px;}
.h_separateur_2 { width: 801px; height: 2px; margin: 0 auto; position: relative; top: 16px;}

.f_separateur_1 { width: 801px; height: 2px; margin: 0 auto; position: relative; bottom: 13px;}
.f_separateur_2 { width: 471px; height: 2px; margin: 0 auto; position: relative; top: 0px;}
.f_separateur_3 { width: 544px; height: 2px; margin: 0 auto; position: relative; top: 5px;}

/* IMAGES FOOTER */
#f_contact {display: block; width:108px; height: 89px; background-image: url(../images/site/f_contact.jpg);}
#f_contact:hover { background-position: 0 89px;}

#f_cv {display: block; width:155px; height: 89px; background-image: url(../images/site/f_cv.jpg);}
#f_cv:hover { background-position: 0 89px;}

#f_rss {display: block; width:73px; height: 89px; background-image: url(../images/site/f_rss.jpg);}
#f_rss:hover { background-position: 0 89px;}

/* COLONNES */

#container_gallery { width: 550px; margin: 0 auto; padding-top: 20px;}

/* LEFT */
#left_col { float: left; width: 320px;}
#left_col h2 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#left_col p { padding-left: 10px; padding-right: 10px;}
#left_1 { background: #3e3e3e; padding-bottom: 10px;}
#left_col ul { padding-top: 10px; padding-bottom: 10px;}
#left_col li { padding-left: 10px; list-style: square inside; }
#last_work { width: 100%; height: auto; background: #3e3e3e;}
#last_work_img { padding: 10px;}
#obj_car, #act_loi, #qual, #presentation, #mait_log {background: #3e3e3e;}
#left_ul { float: left; background: #3e3e3e; width: 200px;}

/* RIGHT */
#right_col h2 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#right_col p { padding-left: 10px; padding-right: 10px;}

#right_col ul { padding-top: 10px; padding-bottom: 10px;}
#right_col li { padding-left: 10px; list-style: square inside;}
#right_col h3 { padding-left: 10px;}
#right_col { float: right; width: 600px; margin-left: 40px; }

#nouvelles { background: #3e3e3e; padding-bottom: 10px;}
#veille_techno { background: #3e3e3e; padding-bottom: 10px;}

#right_ul { float: right; position: relative; background: #3e3e3e; width: 400px;}
#maitrise { position: relative; top: 51px; background: #3e3e3e;}

/* FORMULAIRE CONTACT */
#content_contact { height: auto; width: 960px; margin: 0 auto; margin-top: 5px;}
.error img { padding-left: 5px; padding-right: 5px; position:relative; top: 5px;}
.error { font-size:9px; position: relative; bottom: 3px; color: #FF5555;}
.erreur { color: #FF5555;}
.valide img {padding-left: 5px; padding-right: 5px; position: relative;  top: 4px;}
.champs { margin-top: 5px; margin-bottom: 5px; color: #000000; }
#send { background: url(../images/site/btn_submit.jpg); width: 77px; height:20px; border: none 1px; padding-bottom: 5px; cursor: pointer; color: #000000; }	
#send:hover { background-position: 0 20px; color: #efefef; }
#coordonnees { background: #3e3e3e;}
#coordonnees h2 { margin-bottom: 10px;}
.formulaire { padding-left: 5px; background: #3e3e3e; padding-top: 5px;}
#content_contact {padding-bottom: 10px; margin-top: 20px;}
#content_contact p { padding-bottom: 10px; padding-left: 10px;}
#content_contact h2 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#send { margin-left: 10px; margin-bottom: 10px;}
input { outline-style: none;}


/* SITEMAP */
#content_sitemap { width: 960px; height: 100%; margin: 0 auto; margin-top: 20px; padding-right: 0px; background: #3e3e3e; padding-bottom: 10px;}
#content_sitemap h2 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#content_sitemap ul { padding-left: 10px; padding-right: 10px;}
#content_sitemap li { list-style: square inside;}
#ul_sitemap { margin-left: 20px;}

/* WORK */
#work_content { background: #3e3e3e; padding-bottom: 20px; width: 960px; margin: 0 auto; margin-top: 20px;}
#work_content h2 {background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
#work_content h3 { padding-bottom: 5px;}
#content_sitemap p { text-align: justify; padding-bottom: 10px; padding-top: 5px; padding-left: 10px; padding-right: 10px;}

#filter {padding: 0; padding-left: 10px; padding-top: 10px;}
#filter li { display: inline; padding: 0; margin: 0;}
#filter img { padding: 0; margin: 0;}

#work-2 { position: relative; right: 6px;}
#work-3 { position: relative; right: 12px;}
#work-4 { position: relative; right: 18px;}
#work-5 { position: relative; right: 24px;}
#work-6 { position: relative; right: 32px;}

.work_desc { position: relative; bottom: 0px; right: 0px; width: 550px; height: 80px; z-index: 10;}
.work_desc h3 { background: #000000; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}
.work_desc h4 { margin-top: 10px; margin-bottom: 5px;}

.work_desc li { list-style: inside square; margin-left: 20px;}

#img_audio { padding: 200px;}
#valide li { display: inline; list-style: none; padding-left:10px; padding-bottom: 10px;}
#valide {padding-bottom: 10px;}

#moi { background: #3e3e3e; width: 320px; }
#moi img { margin-left: 19%;}