@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	font-weight: normal;
	color: #cdd5da;
	line-height:18px;
	margin:0 0 0 0;
}

#container {
	width:1013px;
	height:1200px;
	margin:auto;
	background:url(../images/bg_contenu.jpg) no-repeat;
}

/* Header */

#logo_header {
	width:165px;
	height:76px;
	float:left;
	margin:32px 0 0 30px;
	background-image: url(../images/logo_codebarmedia_png.png);
}


/* HOME/SERVICES/PORTFOLIO Contenu */

#zone_contenu_home_bg {
	width:1013px;
	height:410px;
	float:left;
	margin:43px 0 0 0;
	background:url(../images/bg_contenu_home.gif) no-repeat;
}

#projets_vedettes {
	width:970px;
	height:20px;
	float:left;
	font-size:12px;
	text-align:left;
	margin:18px 0 0 38px;
	color: #95a3ad;
}

#zone_contenu_services_menu {
	width:1013px;
	height:24px;
	float:left;
	margin:43px 0 0 0;
	background:url(../images/bg_menu.gif) no-repeat;
}

#zone_contenu_portfolio_menu {
	width:1013px;
	height:24px;
	float:left;
	margin:43px 0 0 0;
	background:url(../images/bg_menu_portfolio.gif) no-repeat;
}

#zone_contenu_clients_menu {
	width:1013px;
	height:24px;
	float:left;
	margin:43px 0 0 0;
	background: url(../images/bg_menu_clients.gif) no-repeat;
}

#zone_contenu_contact_menu {
	width:1013px;
	height:24px;
	float:left;
	margin:43px 0 0 0;
	background:url(../images/bg_menu_contact.gif) no-repeat;
}

#zone_contenu_services {
	width:1013px;
	float:left;
	margin:0 0 0 0;
	background-color:#1f2930;
	border-bottom:#090c0e 7px solid; position:relative;
}


#zone_contenu_services_texte {
	width:906px;
	float:left;
	margin:25px 0 30px 50px;
	font-size:14px;
	line-height:24px;
	color:#FFFFFF;
}

#zone_contenu_services_texte2 {
	width:906px;
	float:left;
	margin:25px 0 30px 50px;
	font-size:14px;
	line-height:20px;
	color:#FFFFFF;
}

#zone_contenu_portfolio {
	width:1013px;
	float:left;
	margin:auto;
	padding:0 0 30px 35px;
	font-size:14px;
	line-height:20px;
	color:#FFFFFF;
}

.zone_contenu_clients_texte {
	width:250px;
	float:left;
	margin-top: 25px;
	margin-bottom: 30px;
	font-size:14px;
	line-height:24px;
	color:#FFFFFF;
}

.zone_contenu_contact_texte {
	width:900px;
	float:left;
	margin-top: 25px;
	margin-bottom: 30px;
	font-size:14px;
	line-height:24px;
	color:#FFFFFF;
}

.zone_contenu_contact_texte a {
	font-size:14px;
	line-height:24px;
	color:#cfc19c;
	text-decoration:none;
}

.zone_contenu_contact_texte a:hover {
	color:#FFFFFF;
}

#zone_contenu_services H1 {
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
}

#zone_contenu_services H2 {
	font-size:18px;
	font-weight:normal;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
}

.portfolio_projets {
	width:245px;
	float:left;
	padding:40px 0 0 0;
}

.portfolio_projets_cont {
	width:200px;
	height:150px;
	float:left;
	margin-bottom:25px;
}

.portfolio_image {
	border: 4px solid #101920;
}

.portfolio_image:hover {
	border: 4px solid #2d3b44;
}

.portfolio_projets_texte {
	width:210px;
	float:left;
	font-size:12px;
	color: #cdd5da;
}

.portfolio_sous_titres {
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
}

/* Menu principal */

.menu {
	width:100px;
	height:24px;
	float:left;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:4px 0 0 0;
	color: #cfc19c;
}

.menu a {
	color: #cfc19c;
	text-decoration:none;
}

.menu a:hover {
	color: #FFFFFF;
}

.menu_link_active {
	color: #FFFFFF;
}

.menu_client_login {
	width:100px;
	height:24px;
	float:right;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:4px 0 0 0;
	color: #cfc19c;
}

.menu_client_login a {
	color: #cfc19c;
	text-decoration:none;
}

.menu_client_login a:hover {
	color: #FFFFFF;
}

/* HOME/SERVICES Contenu TRANSPARENT */

#zone_contenu2_bg {
	width:1013px;
	padding-bottom:50px;
	float:left;
	background:url(../images/bg_contenu_5x5.png) repeat;
	border-bottom:1px solid #353535; position:relative; 
}

#zone_contenu2_bg H1 {
	font-size:24px;
	font-weight:normal;
	line-height: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC; 
}

.home_services {
	width:230px;
	float:left;
	font-size:12px;
	line-height:25px;
	padding:20px 0 0 50px;
	color: #7d7d7d;
}

#zone_contenu2_bg a {
	text-decoration:none;
	color: #cfc19c;
}

#zone_contenu2_bg a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.home_news {
	width:250px;
	float:left;
	font-size:12px;
	line-height:25px;
	padding:20px 0 0 50px;
	margin-left:20px;
	color: #7d7d7d;
	background:url(../images/ligne_vert_contenu.gif) no-repeat top left;
}

.home_projets_recents {
	width:300px;
	float:left;
	font-size:12px;
	line-height:25px;
	padding:20px 0 0 50px;
	margin-left:20px;
	color: #7d7d7d;
	background:url(../images/ligne_vert_contenu.gif) no-repeat top left;
}

.home_projets_img {
	width:132px;
	height:94px;
	float:left;
	margin-right:12px;
	margin-top:8px;
	margin-bottom:12px;
}

.home_projets_img a {
	border: 4px solid #151f26;
	float: left;
}

.home_projets_img a:hover {
	border: 4px solid #2d3b44;
}

.services_procede {
	width:907px;
	float:left;
	font-size:12px;
	line-height:25px;
	padding:20px 0 0 30px;
	color: #7d7d7d;
}

.services_procede_titres {
	font-size:13px;
	color:#FFFFFF;
	background-color:#101920;
	padding:8px 8px 8px 8px;
}

.services_procede_sous_titres {
	color:#cfc19c;
}

.inputfield {
	width:200px;
	height:16px;
	background-color:#101920;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:0px;
	border-bottom:0px;
	padding:3px;
	color: #FFFFFF;
	font-size:10px;
}

.inputfield_message {
	width:200px;
	height:60px;
	background-color:#101920;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:0px;
	border-bottom:0px;
	padding:3px;
	color: #FFFFFF;
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.button {
	background: url(../images/bt_envoyez.gif) no-repeat center ; 
	width: 75px;
	height: 28px;
	border:none;
}

.text_form {
	font-size:11px;
	color:#acacac;
}

.random_code {
	background-color:#101920;
	padding:5px;
}

/* Footer */

#footer_adresse {
	width:1013px;
	height:70px;
	float:left;
	margin-top:20px;
}

#footer_adresse p {
	font-size:11px;
	color:#acacac;
}

#footer_adresse a {
	color:#647886;
	text-decoration:none;
}

#footer_adresse a:hover {
	color:#6e9bb9;
	text-decoration:none;
}

.footer_contact {
	width:900px;
	float:left;
	margin: 25px 0 0 50px;
}

/* HOME Coda Slider */

#wrapper {
    width: 922px;
	height:288px;
    margin: 70px auto;
}

.reel {
    width: 480px;
	height: 288px;
	float:left;
}

.panel {    
    width: 405px;
	height: 288px;
	float:left;
	padding-left:25px;
}

.titres_vedette {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:27px;
	color:#FFFFFF;
}