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

body {width:100%; background:#fff; font-size:75%; font-family:Arial; color:#000;}
* {margin:0; padding:0; font-style:normal;}

a {color:#C41230; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none;}

ul {margin:10px 0; padding:0 0 0 30px;}
ol {margin:10px 0; padding:0 0 0 30px;}
li {margin:0px 0px 5px;}

p {margin:0 0 10px;}

h1 {font-size:2em; margin:10px 0px; color:#C41230;}
h2 {font-size:1.8em; margin:10px 0px; color:#C41230;}
h3 {font-size:1.6em; margin:10px 0px; color:#C41230;}
h4 {font-size:1.4em; margin:10px 0px; color:#C41230;}
h5 {font-size:1.2em; margin:10px 0px; color:#C41230;}
h6 {font-size:1em; margin:10px 0px; color:#C41230;}




/*===================================================================================================
BLOCK
===================================================================================================*/
#container { position:relative; margin:0px auto; padding:40px 0 0; width:921px; }
#header { position:relative; margin:40px auto 0px; padding:0px; width:921px; }
#main { position:relative; margin:28px 0px 0px; padding:0px; width:100%; }
.cols { float:left; display:block; margin:30px 40px 0px 0px; padding:20px; width:240px; background:url(../../img/bgCols_accueil.jpg) left top repeat-x #fff; }
.cols_portfolio { float:left; display:block; margin:28px 38px 63px 0px; padding:0 0 0 20px; width:562px; }
.cols_menu_portfolio { float:right; display:block; margin:28px 0 0; padding:22px 20px; width:240px; background:url(../../img/bgcols_portfolio.jpg) left top repeat-x; }
#footer { position:relative; margin:0px; padding:0px 0px 15px; width:100%; }
.clear { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px; }
.contain { position:relative; margin:0px auto; padding:0; width:921px; }

#img_portfolio{ height:220px; }



/*===================================================================================================
HEADER
===================================================================================================*/
#header h1.title { float:left; display:block; margin:0px 0px 0px 20px; padding:0px; width:248px; height:61px; background:url(../../img/header_logo.jpg) left top no-repeat; }
#header h1.title a { position:relative; display:block; margin:0px 0px 0px 0px; padding:0px; width:248px; height:61px; }
#header h1.title span { display:none; }

#header div.menu { float:right; display:block; margin:0; padding:0; width:652px; }
#header div.menu ul.menuu { position:relative; display:block; margin:0; padding:0; text-align:right; }
#header div.menu ul.menuu li { display:inline; margin:0 0 0 7px; padding:0 7px 0 0; list-style:none; font-size:10px; color:#d2d9d5; border-right:1px solid #d2d9d5; text-align:left; }
#header div.menu ul.menuu li.first { margin:0; }
#header div.menu ul.menuu li.last { padding:0; border:none; }
#header div.menu ul.menuu li a { color:#d2d9d5; }

#header div.menu ul.menup { float:right; display:block; margin:20px 0 0; padding:0; }
#header div.menu ul.menup li { float:left; display:block; margin:0 28px 0 0; padding:0; list-style:none; font-size:10px; color:#000; }
#header div.menu ul.menup li a { display:block; padding:10px; color:#000; }
#header div.menu ul.menup li a:hover { display:block; padding:10px; color:#fff; }
#header div.menu ul.menup li a span { display:none; }


#header div.menu ul.menup li.btn_groupe a { width:89px; height:10px; background:url(../../img/menup/btn_groupe.jpg) center no-repeat #fff; }
#header div.menu ul.menup li.btn_groupe a:hover { width:89px; height:10px; background:url(../../img/menup/btn_groupe_roll.jpg) center no-repeat #c41230; }
#header div.menu ul.menup li.btn_groupe a.active { width:89px; height:10px; background:url(../../img/menup/btn_groupe_roll.jpg) center no-repeat #c41230; }

#header div.menu ul.menup li.btn_portfolio a { width:91px; height:10px; background:url(../../img/menup/btn_portfolio.jpg) center no-repeat #fff; }
#header div.menu ul.menup li.btn_portfolio a:hover { width:91px; height:10px; background:url(../../img/menup/btn_portfolio_roll.jpg) center no-repeat #c41230; }
#header div.menu ul.menup li.btn_portfolio a.active { width:91px; height:10px; background:url(../../img/menup/btn_portfolio_roll.jpg) center no-repeat #c41230; }

#header div.menu ul.menup li.btn_hebergement a { padding-bottom:7px; width:118px; height:13px; background:url(../../img/menup/btn_hebergement.jpg) center 7px no-repeat #fff; }
#header div.menu ul.menup li.btn_hebergement a:hover { padding-bottom:7px; width:118px; height:13px; background:url(../../img/menup/btn_hebergement_roll.jpg) center 7px no-repeat #c41230; }
#header div.menu ul.menup li.btn_hebergement a.active { padding-bottom:7px; width:118px; height:13px; background:url(../../img/menup/btn_hebergement_roll.jpg) center 7px no-repeat #c41230; }

#header div.menu ul.menup li.btn_service a { padding-bottom:9px; width:70px; height:11px; background:url(../../img/menup/btn_service.jpg) center no-repeat #fff; }
#header div.menu ul.menup li.btn_service a:hover { padding-bottom:9px; width:70px; height:11px; background:url(../../img/menup/btn_service_roll.jpg) center no-repeat #c41230; }
#header div.menu ul.menup li.btn_service a.active { padding-bottom:9px; width:70px; height:11px; background:url(../../img/menup/btn_service_roll.jpg) center no-repeat #c41230; }

#header div.menu ul.menup li.btn_joindre { margin:0; }
#header div.menu ul.menup li.btn_joindre a { width:120px; height:10px; background:url(../../img/menup/btn_joindre.jpg) center no-repeat #fff; }
#header div.menu ul.menup li.btn_joindre a:hover { width:120px; height:10px; background:url(../../img/menup/btn_joindre_roll.jpg) center no-repeat #c41230; }
#header div.menu ul.menup li.btn_joindre a.active { width:120px; height:10px; background:url(../../img/menup/btn_joindre_roll.jpg) center no-repeat #c41230; }












/*===================================================================================================
MAIN
===================================================================================================*/
#main div.main_real { position:relative; display:block; margin:0; padding:20px 0 0; width:100%; height:300px; background:url(../../img/bgBody.jpg) center top repeat-x #fff; }
#main div.main_real div.float_left { float:left; display:block; margin:0; padding:0 88px 0 0; width:533px; height:279px; background:#fff; }
#main div.main_real div.ajax-loading{ background:url(../../img/ajax-loader.gif) center no-repeat #fff; }
#main div.main_real div.float_left img { float:left; margin:0px 61px 0px 0px; }
#main div.main_real div.float_left h4 { margin:20px 0 18px; font-size:32px; line-height:26px; color:#c41230; }
#main div.main_real div.float_left h4 span { display:block; font-size:48px; line-height:40px; }
#main div.main_real div.float_left h6 { margin:20px 0 8px; font-size:11px; line-height:10px; }
#main div.main_real div.float_left p { margin:0; font-size:11px; }
#main div.main_real div.float_left a.btn_link_website { display:inline-block; width:14px; height:9px; background:url(../../img/btn_link_website.jpg) left bottom no-repeat; }
#main div.main_real div.float_left a.btn_link_website span { display:none; }

#main div.main_real ul.main_menu_realisation { float:left; display:block; width:300px; margin:0; padding:0; background:url(../../img/bgMenu_real.png) left top repeat-y; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMenu_real.png',sizingMethod='scale'); }
#main div.main_real ul.main_menu_realisation li { margin:0px; padding:8px 36px; list-style:none; border-bottom:1px solid #e1e6e3; font-weight:bold; }
#main div.main_real ul.main_menu_realisation li.last { border-bottom:none; }
#main div.main_real ul.main_menu_realisation li a { display:block; margin:0; padding:6px; color:#c41230; font-size:12px; }
#main div.main_real ul.main_menu_realisation li a span { display:block; font-size:10px; color:#999999; }
#main div.main_real ul.main_menu_realisation li a:hover { color:#fff; background:#c41230; text-decoration:none; }
#main div.main_real ul.main_menu_realisation li a:hover span { color:#fff; }
#main div.main_real ul.main_menu_realisation li a.active { color:#fff; background:#c41230; text-decoration:none; }
#main div.main_real ul.main_menu_realisation li a.active span { color:#fff; }



#main div.main_contact { position:relative; display:block; margin:0; padding:20px 0 0; width:100%; height:300px; background:url(../../img/bgBody.jpg) center top repeat-x #fff; }
#main div.main_contact div.cols { width:400px; margin-top:0; }
#main div.main_contact div.cols label.left { clear:left; float:left; display:block; padding:8px 0 0; margin:0; width:129px; font-size:11px; line-height:11px; text-align:right; }
#main div.main_contact div.cols input.text_right { float:right; display:block; margin:0 0 7px; *margin:0px; padding:5px 3px 0; width:253px; height:20px; background:#fff; border:none; border-bottom:1px solid #C41230; color:#000; font-size:13px; }
#main div.main_contact div.cols textarea.text_right { float:right; display:block; margin:0 0 7px; *margin:0px; padding:0 0 0 3px; width:256px; height:81px; background:url(../../img/bg_textarea.jpg) left top repeat-y #fff; border:none; border-bottom:1px solid #C41230; color:#000; font-size:13px; line-height:28px; overflow:auto; }
#main div.main_contact div.cols input.btn_right { float:right; display:block; margin:0 0 7px; *margin:0px; padding:0; width:107px; height:27px; background:#C41230; border:none; color:#fff; font-size:13px; cursor:pointer; }



#main div.main_portfolio { position:relative; display:block; margin:0; padding:20px 0 0; width:100%; height:81px; background:url(../../img/bgBody2.jpg) center top repeat-x #fff; }
#main div.main_portfolio div.contain { padding:20px 20px 20px 22px; width:879px; background:#fff; }
#main div.main_portfolio div.contain h3 { float:left; margin:0px 0px 0px 0px; font-size:20px; line-height:16px; color:#c41230; }
#main div.main_portfolio div.contain a.btn { float:right; display:block; margin:0px 0px 0px 38px; padding:4px 27px 3px 7px; width:246px; background:url(../../img/bg_btn_cols_accueil.jpg) right top no-repeat #c41230; color:#fff; font-size:10px; }



#main div.cols h4 { margin:0px 0px 20px; padding:0px 0px 20px; font-size:12px; color:#c41230; border-bottom:1px solid #d2d9d5;}
#main div.cols p { font-size:11px; }
#main div.cols ul { margin:0px 0px 10px; padding:0px 0px 0px 20px; list-style:url(../../img/puce_accueil.gif); }
#main div.cols ul li { margin:0px 0px 16px; font-size:11px; color:#999999; }
#main div.cols ul li h6 { margin:0px; font-size:11px; color:#c41230; }
#main div.cols ul li p { margin:0px; font-size:11px;}
#main div.cols a.btn_accueil { display:inline-block; margin:0px; padding:4px 27px 3px 7px; background:url(../../img/bg_btn_cols_accueil.jpg) right top no-repeat #c41230; color:#fff; font-size:10px; }


#main div.cols_portfolio div.nav_portfolio div.ajax-loading{ background:url(../../img/ajax-loader.gif) center no-repeat #fff; width:562px; height:220px; }
#main div.cols_portfolio div.nav_portfolio ul { float:right; margin:2px 0 0; padding:0px; list-style:none; }
#main div.cols_portfolio div.nav_portfolio ul li { float:left; display:block; margin:0px 0px 0px 2px; padding:3px 7px; background:#c41230; }
#main div.cols_portfolio div.nav_portfolio ul li a { font-size:12px; font-weight:bold; color:#fff; }

#main div.cols_portfolio div.float_left { float:left; display:block; margin:0; padding:0; width:195px; }
#main div.cols_portfolio div.float_left h6 { margin:17px 0px 8px 0px; font-size:11px; line-height:10px; }
#main div.cols_portfolio div.float_left p { margin:0; font-size:12px; }
#main div.cols_portfolio div.float_left p span { margin:0; font-size:16px; }
#main div.cols_portfolio div.float_left a.btn_link_website { display:inline-block; width:14px; height:9px; background:url(../../img/btn_link_website.jpg) left bottom no-repeat; }
#main div.cols_portfolio div.float_left a.btn_link_website span { display:none; }

#main div.cols_portfolio div.float_right { float:right; display:block; margin:0; padding:0; width:281px; }
#main div.cols_portfolio div.float_right h6 { margin:17px 0px 8px 0px; font-size:11px; line-height:10px; }
#main div.cols_portfolio div.float_right p { margin:0; font-size:12px; }

#main div.cols_menu_portfolio h4 { margin:0px 0px 7px 0px; padding:0px 0px 20px 0px; font-size:11px; line-height:10px; color:#c41230; border-bottom:1px solid #d2d9d5; }
#main div.cols_menu_portfolio ul { margin:0; padding:0; list-style:none; }
#main div.cols_menu_portfolio ul li { margin:0; padding:13px 20px; font-size:12px; line-height:10px; border-bottom:1px dotted #d2d9d5; }
#main div.cols_menu_portfolio ul li.last { border-bottom:none; }
#main div.cols_menu_portfolio ul li a { color:#000; }
#main div.cols_menu_portfolio ul li a:hover { color:#c41230; font-weight:bold; text-decoration:none; }
#main div.cols_menu_portfolio ul li a.active { color:#c41230; font-weight:bold; text-decoration:none; }












/*===================================================================================================
FOOTER
===================================================================================================*/
#footer div.bg_rose { width:100%; height:60px; background:#c41230; padding:20px 0px 0px; overflow:hidden; }
#footer div.bg_rose div.contain p { padding:13px 0px 0px; font-size:16px; line-height:12px; color:#fff; text-align:right; }
#footer div.bg_rose div.contain div.left { float:left; display:block; margin:0; padding:14px 27px 17px; width:186px; background:#fff; }
#footer div.bg_rose div.contain div.left a { margin:0; font-size:10px; line-height:9px; color:#c41230; font-weight:bold; display:block; cursor:pointer; }
#footer div.bg_rose div.contain div.left a span { display:block; margin:9px 0 0; font-size:13px; line-height:11px; }
#footer div.bg_rose div.contain div.left a:hover { text-decoration:none; }

#footer div.contain ul.menup { margin:20px 0px 0px; padding:0px; text-align:right; list-style:none; }
#footer div.contain ul.menup li { display:inline; margin:0px 0px 0px 8px; padding:0px 8px 0px 0px; border-right:1px solid #d2d9d5; font-size:10px; text-align:left; }
#footer div.contain ul.menup li.first { margin:0px; }
#footer div.contain ul.menup li.last { padding:0px; border-right:none; }
#footer div.contain ul.menup li a { color:#d2d9d5; }