/* Contains  */
#container{
width: 100%;
margin: auto;
text-align:left;
}

/* Contains the logo and navigation in the header */
#nav-container{
width: 960px;
height: 100px;
margin: 0 auto 0 auto;
position:relative;
}

#main_menu { position:absolute; right:5px; bottom:0px; }

#main_menu h1 {display:block; color:#333333; text-decoration:none; font:1.1em verdana, sans serif;  }


.nav{
width: 960px;
}

/* Logo */
.cantons{
float: left;
margin: 2px 0 0 35px;
}

.cantons p{
font-family:  arial, serif;
font-size: 1em;
color: #999999;
}

#main_logo { position:absolute; bottom:20px; left:35px; width:290px; }

.logo{
float: left;
width: 290px;
margin: 20px 0 0 0px;
padding: 10px 0 0 0;
}
.logo a{
display: block;
margin: 0;
padding:0;
}
.logo h1{
width: 290px;
margin: 0;
padding:0;
}

.devis-top{
position:absolute;
left:720px; 
width: 200px;
display: block;
}
.devis-top p{
font-size: 0.95em;
margin: 0px 0 0 0px;
padding: 10px 0px 0 0;
}
.devis-top a{
margin: 0px 0 0 0px;
padding: 15px 0px 0 0;
text-decoration: none;
}
.devis-top a:hover{
text-decoration: underline;
}
/* Accroche sous logo*/

.accroche{
display: block;
width:280px;
text-align:right;
position:absolute; bottom:0px; left:3px; top:50px; width:280px;
}
.accroche h3{
color: #666666;
font-family:  arial, serif;
font-weight: bold;
font-size: .8em;
}

#tel{
background: url(/system/storage/1/876/tel-home.png) no-repeat;
float:right;
width: 250px;
height: 48px;
margin: 7px 40px 0 20px;
display: block;
padding: 0;
display: inline;/* should correct the IE6 bug */
}

#tel a{
display: block;
margin: 0;
}

/* Navigation Menu2 */

.topmenu{margin:25px 40px 0 0; padding:5px 0 0 0; height:30px; float:right; display:block; background:url(/system/storage/1/871/topMenuImages2.png) repeat-x;}
.topmenu li{padding:0; margin:0; list-style:none; display:block; float:left; }
.topmenu li a{float:left; padding-right:0px; padding-left:25px; display:block; color:#666666; text-decoration:none; font:1em Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:url(/system/storage/1/871/topMenuImages2.png) 0px -30px no-repeat;}
.topmenu li a span{line-height:30px; float:left; display:block; padding-right:25px; background:url(/system/storage/1/871/topMenuImages2.png) 100% -30px no-repeat; }
.topmenu li a:hover{background-position:0px -60px; color:rgb(255,255,255);  }
.topmenu li a:hover span{background-position:100% -60px; }
.topmenu li.current_page_item a{background-position:0px -60px; color:rgb(255,255,255); }
.topmenu li.current_page_item a span{background-position:100% -60px; }

/* Navigation Menu2 */

.topmenu2{margin:35px 0 0 0; padding-left:30px;  height:30px; width:960px; display:block; }
.topmenu2 li{padding-left:10px; padding-right:0px; margin:0; list-style:none; display:inline;}
.topmenu2 li a{float:left; padding-right:0px; margin-right:22px; padding-left:30px; display:block; color:#666666; text-decoration:none; font:1.2em Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:url(/system/storage/1/871/topMenuImages2.png) 0px -30px no-repeat;}
.topmenu2 li a span{line-height:30px; float:left; display:block; padding-right:30px; padding-left:0px; background:url(/system/storage/1/871/topMenuImages2.png) 100% -30px no-repeat;}
.topmenu2 li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.topmenu2 li a:hover span{background-position:100% -60px;}
.topmenu2 li.current_page_item a{background-position:0px -60px; color:rgb(255,255,255); }
.topmenu2 li.current_page_item a span{background-position:100% -60px; }

/* Navigation Menu3 */

.topmenu3{margin:30px 0 0 0; padding-left:30px;  height:44px; width:980px; display:block; }
.topmenu3 li{padding-left:10px; padding-right:0px; margin:0; list-style:none; display:inline;}
.topmenu3 li a{float:left; padding-right:0px; margin-right:24px; padding-left:30px; display:block; color:#666666; text-decoration:none; font:1.2em Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:url(/system/storage/1/872/topMenuImage3.png) 0px -6px no-repeat;}
.topmenu3 li a span{line-height:27px; float:left; padding-top:2px; display:block; padding-right:30px;  padding-left:0px; background:url(/system/storage/1/872/topMenuImage3.png) 100% -6px no-repeat;}
.topmenu3 li a:hover{background-position:0px -43px; color:rgb(255,255,255);}
.topmenu3 li a:hover span{background-position:100% -43px;}
.topmenu3 li.current_page_item a{background-position:0px -43px; color:rgb(255,255,255); }
.topmenu3 li.current_page_item a span{background-position:100% -43px; }

/* Navigation Menu4 menu entrée manuelle*/

.topmenu4{margin:12px 0 0 0; padding-left:30px;  height:44px; width:982px; display:block; }
.topmenu4 li{padding-left:10px; padding-right:0px; margin:0; list-style:none; display:inline;}
.topmenu4 li a{float:left; padding-right:0px; margin-right:19px; padding-left:23px; display:block; color:#666666; text-decoration:none; font:1.1em Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:url(/system/storage/1/872/topMenuImage3.png) 0px -6px no-repeat;}
.topmenu4 li a span{line-height:27px; float:left; padding-top:2px; display:block; padding-right:23px;  padding-left:0px; background:url(/system/storage/1/872/topMenuImage3.png) 100% -6px no-repeat;}
.topmenu4 li a:hover{background-position:0px -43px; color:rgb(255,255,255);}
.topmenu4 li a:hover span{background-position:100% -43px;}
.topmenu4 li.current_page_item a{background-position:0px -43px; color:rgb(255,255,255); }
.topmenu4 li.current_page_item a span{background-position:100% -43px; }

/* Navigation Menu5 menu entrée auto*/

.topmenu5 {float:right; margin:0 0 0 0px; padding-left:0px;  height:29px; width:580px; display:block; }
.topmenu5 li{padding-left:0px; padding-right:0px; margin:0; list-style:none; display:inline;}
.topmenu5 li a{float:left; padding-right:0px; margin-right:0px; padding-left:17px; display:block; color:#333333; text-decoration:none; font:1em arial, sans serif;  cursor:pointer; background:url(/system/storage/1/872/topMenuImage3.png) 0px -6px no-repeat;}
.topmenu5 li a span{line-height:27px; float:left; padding-top:2px; display:block; padding-right:17px;  padding-left:0px; background:url(/system/storage/1/872/topMenuImage3.png) 100% -6px no-repeat;}
.topmenu5 li a:hover{background-position:0px -43px; color:rgb(255,255,255);}
.topmenu5 li a:hover span{background-position:100% -43px;}
.topmenu5 li.current_page_item a{background-position:0px -43px; color:rgb(255,255,255); }
.topmenu5 li.current_page_item a span{background-position:100% -43px; }


.topmenu6 {float:right; margin:0 0 0 0; padding:20px 11px 0 0;  height:20px; width:580px; display:block;
display: inline;/* should correct the IE6 bug */}
.topmenu6 ul {
	padding-right:0px;
	right: -5px; top: 15px;
	color: #666666;
	list-style: none;
	margin: 0; padding: 0;		
}
.topmenu6 li {
	display: inline;
}
.topmenu6 li a {
	float: left;
	display: block;
	padding: 4px 9px;	
	color: #666666;

	font: normal  1.1em arial, sans-serif;
font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #d5d5d5;
}
.topmenu6 li a:hover {
	background: #fc7a08;
	color: #FFF;
}
.topmenu6 li.current_page_item a{
	background: #fc7a08;
	color: #FFF;
}

/* Side menu */

.sidemenu{float:left; padding:10px 0px 10px 0px; margin:0; width:266px; list-style:none; display:block; background:rgb(255,255,255); }
.sidemenu li{padding:0; margin:0 0 1px 0; height:40px; display:block; float:left; clear:left; display:block; width:266px; }
.sidemenu li a{text-align:left; height:40px; padding:1px 0px 0 30px; font: 1.1em Arial, Helvetica, sans-serif; color:rgb(3,3,3); display:block; background:url(/system/storage/1/664/verMenuImages.png) 0px 0px  no-repeat; text-decoration:none;float: left; clear: left; display:block; width:236px;}
.sidemenu li a:hover{text-decoration: underline;}
.sidemenu li.current_page_item a{font-weight: bold; color: #fc7a08;}
.sidemenu li a span{line-height:37px;}

/* Home page coloured header area */
#header-bg{
background: #ebab30 url(/system/storage/1/1113/webiva-creation-site-internet_16.jpg) no-repeat center;
height: 300px;
margin: 0 auto 0 auto;
}

#header-container{
width: 960px;
height: 300px;
margin: 0 auto 0 auto;
position:relative;
}

#screen{position:absolute; bottom:69px; left:693px; width:225px; }

.screen{
float: left;
width: 290px;
margin: 20px 0 0 0px;
padding: 10px 0 0 0;
}

#header-text{
padding: 30px 0 0 180px;
width: 500px;
float: left;
}

#home-button {position:absolute; bottom:43px; left:193px; width:150px;}

#home-button2{position:absolute; bottom:43px; left:357px; width:150px;}

.homebutton{ 
float: left;
width: 100px;
}

/* Coloured header stripe for sub pages */

#sub-header-bg{
         background: #ebab30 url(/system/storage/1/1115/sub-header-bg.png) no-repeat center;
         height: 177px;
         margin: 0 auto 0 auto;
}

#sub-header-container{
width: 960px;
min-height: 177px;
margin: 0 auto 0 auto;
padding: 0px 0px 0px 55px;
}

#sub-header-box{
width: 940px;
height: 178px;
height: 0;
padding: 0px 0 0 0;
margin: 0 auto 0 auto;
}
#sub-header-box h1{
padding: 30px 0 0 0;
}



/* Content container for the home page */
#content-wrapper {
background: url(/system/storage/1/612/bg.png) repeat-y center;
}


#content-container{

min-height: 370px;
width: 960px;
margin: 0 auto 0 auto;
}


/* Homepage content containers */


.box-bcd{
display:block;
margin:0;
padding:0;
background: url(/system/storage/1/839/box-center.png) top center repeat-y;
}

.bcd-top {
background: url(/system/storage/1/840/box-top.png) top center no-repeat;
height:8px;
}

.bcd-center {
padding:15px 0px;
margin:0;
}

.bcd-botom {
background: url(/system/storage/1/838/box-bottom.png) bottom center no-repeat;
height:12px;
margin:0;
}

.box31{
width: 370px;
padding: 0 0 0 80px;
float: left;
display: block;
}

.box31b{
width: 370px;
padding: 0 0 0 60px;
float: left;
display: block;
}






.box-wide{
width: 890px;
padding: 0 0 0 40px;
float: left;
display: block;
}

.box-half{
width: 420px;
padding: 0 0 0 40px;
float: left;
display: block;
}

.box-half2{
width: 420px;
padding: 0 0 0 40px;
float: left;
display: block;
}


.box{
width: 266px;
padding: 0 0 0 40px;
float: left;
display: block;
margin: 0;
}

.orange{
background-color: #fb9d14;
}


img.box{
width: 256px;
height: 83px;
padding: 5px;
border: 1px solid #C2C3C3;
margin: 0px 0 15px 0;
}

.box2{
width: 575px;
padding: 0 0 0 40px;
float: left;
display: block;
}

img.box2{
width: 565px;
height: 83px;
padding: 5px;
border: 1px solid #C2C3C3;
margin: 5px 0 15px 0;
}

.box3{
width: 421px;
padding: 0 0 0 0px;
float: left;
display: block;
}

img.box3{
width: 411px;
height: 83px;
padding: 5px;
border: 1px solid #C2C3C3;
margin: 5px 0 15px 0;
}

.box4{
width: 821px;
padding: 0 0 0 80px;
float: left;
display: block;
}




/* Content container for sub pages */

#sub-content-container{
min-height: 470px;
width: 960px;
margin: 0 auto 0 auto;
}


/* Containes page content for sub pages */
#page-content{
width: 572px;
padding: 0 0 0 40px;
float: left;
display: block;
}
#page-content h4{
padding: 40px 0 0px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 3em;
letter-spacing: -2px;
color: #6D6B80;
}

.porfolio {
display: block;
width: 572px;
}


#right-column{
width: 266px;
padding: 30px 0px 0 40px;
float: left;
margin: 0;
}


#navigation{
display:block;
padding: 0;
float: left;
margin: 0;
}

#sidebar{
width: 266px;
padding: 20px 0px 0px 0px;
float: right;
}

/* side-box images right */

.side_box div.top {
	background: url(/system/storage/1/740/top.png) no-repeat white;
	padding: 0.5em 2em 0em 0em;
}

.side_box div.center {
	background: url(/system/storage/1/739/center.png) center repeat-y ;
	padding: 2.0em 0em .5em 2.0em;
}

.side_box div.botom {
	display: block;
	background: url(/system/storage/1/741/vottom.png) no-repeat white;
	padding: 2em 0em 0em 2.0em;
}

/* Clears floats */
#float-clear{
clear: both;
}

/* Footer */
#footer-bg{
background: #CAC9C9 url(/system/storage/1/614/footer-bg.png) repeat-y center;
height: 420px;
margin: 50px auto 0 auto;
}

#footer-container{
width: 990px;
margin: 0 auto 0 auto;
padding: 0px 0 0 0;
}

#footer {
width: 256px;
padding: 0px 0 0 55px;
float: left;
display: block;
font-family: arial, sans-serif;
}

#footer-copyright {
width: 990px;
margin: 15px 0 0 105px;
float: left;
display: block;
font-family: arial, sans-serif;
font-size: 12px;
}

#footer-copyright p {
font-size: 12px;
}

#footer-copyright-int {
width: 890px;
padding: 15px 0 0 60px;
float: left;
display: block;
font-family: arial, sans-serif;
font-size: 12px;
}

#footer-copyright-int p {
font-size: 12px;
}



.adresse {
font-family: arial, sans-serif;
font-size: 0.85em;
margin: 0 auto 0 auto;
padding: 0 150px 0 150px;
}


/* WEBIVA CMS FORM  */
.cms_form {
 background-color:#f3f3f3;
 display:block;
 padding:10px 10px 10px 0;
margin: 6px 3px 10px 0; 
}

.cms_form p{
  padding:10px 0px 10px 30px;
}

.cms_form td {
  font-family: verdana, sans-serif;
  font-size: 13px;
  padding:10px 10px 10px 30px;
  font-weight:bold;
  color:#707173;
}

.cms_form td.label {
  vertical-align: text-top;
  font-size: 1.15em;
  padding-top:15px; 
  padding-bottom:5px;
  padding-right:0px;  
  font-weight:bold;
  color:#58585a;
}

.cms_form input.text_field, textarea, select {
width: 250px;
border:#ccc solid 1px;
color:#333333;
background:#ffffff;
font:1.2em Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
padding:4px 8px 4px 2px;
}

.cms_form input.submit_button  { 
	background:#E9E9E9;
	color:#000000;
	margin-bottom:4px !important;
	margin-bottom:0;
	width:80px;
}

/* WEBIVA CMS FORM3  */
.cms_form3 {
 background-color:white;
 display:block;
 padding:0px 10px 10px 175px;
margin: 6px 3px 10px 0; 
}

.cms_form3 p{
  padding:10px 0px 10px 30px;
}

.cms_form3 td {
  font-family: verdana, sans-serif;
  font-size: 13px;
  padding:10px 10px 10px 30px;
  font-weight:bold;
  color:#707173;
}

.cms_form3 td.label {
  vertical-align: text-top;
  font-size: 1.15em;
  padding-top:15px; 
  padding-bottom:5px;
  padding-right:0px;  
  font-weight:bold;
  color:#58585a;
}

.cms_form3 input.text_field, textarea, select {
width: 200px;
border:#ccc solid 1px;
color:#333333;
background:#ffffff;
font:1.2em Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
padding:4px 8px 4px 2px;
}

.cms_form3 input.submit_button  { 
	background:#E9E9E9;
	color:#000000;
	margin-bottom:4px !important;
	margin-bottom:0;
	width:80px;
}


/* WEBIVA CMS Newsletter FORM  */
.cms_form2 {
 display:block;
 padding:10px 10px 10px 0;
 margin: 6px 3px 10px 0; 
}

.cms_form2 p{
  padding:10px 10px 10px 30px;
}

.cms_form2 td {
  font-family: verdana, sans-serif;
  font-size: 13px;
  padding:10px 0px 10px 40px;
  font-weight:bold;
  color:#707173;
}

.cms_form2 td.label {
  vertical-align: text-top;
  font-size: 1.15em;
  padding-top:15px; 
  padding-bottom:5px;
  padding-right:0px;  
  font-weight:bold;
  color:#58585a;
}

.cms_form2 input.text_field, textarea, select {
width: 250px;
border:#ccc solid 1px;
color:#333333;
background:#ffffff;
font:1.2em Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
padding:4px 8px 4px 2px;
}

.cms_form input.submit_button  { 
	background:#E9E9E9;
	color:#000000;
	margin-bottom:4px !important;
        margin-left:40px;
	margin-bottom:0;
	width:80px;
}
/* main CSS Document */
/* general styling first */
/* RESET CCS styles individually instead of universal selector */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

body {
	line-height: 1;
	color: #4D4D4D;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}


ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:0.5em}

a{
	text-decoration:none;
	color:#6992B1;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

h1{font-size:167%}/* 22px */
h2{font-size:152%}/* 20px */
h3{font-size:136%}/* 18px */
h4{font-size:122%}/* 16px */
h5{font-size:197%}/* 26px */
h6{font-size:182%}/* 24px */

body{
	font-size: 13px; 
background: url(/system/storage/1/612/bg.png) repeat-y center;
}

 /* End hide of RESET CSS */



html,body {

margin:0;
padding:0;
}


/* General formating for fonts, lists, table, images and messages */
h1, h2, h3, h4, h5, h6{
color: #0F364C;
font-weight: normal;
padding: 0px 0 0 0;
}

h1{
padding: 30px 0 0 0;
font-family: arial, serif; ;
line-height: 1.1em;
font-size: 1.8em;
letter-spacing: -1px;
color: #6D6B80;
}

h1 .sidebar{
font-size: 1em;
}

h2{
padding: 0 0 0 0;
font-size: 1.6em;
line-height: 1.1em;
letter-spacing: -1px;
color: #30598e;
}

h3{
padding: 6px 0px 6px 0px;
font-family: 'Droid Sans', serif;
font-size: 25px;
color: #D93315;
}

h4{
padding: 40px 0 0 0;
font-family: 'Droid Sans', serif;
font-size: 2.7em;
letter-spacing: -2px;
color: #6D6B80;
}

h5{
padding: 0 0 0 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
letter-spacing: -1px;
color: #30598e;
}

h6{
padding: 0px;
font-family: Arial, sans-serif;
font-size: 1.6em;
letter-spacing: -1px;
color: #30598e;
}

p{
clear: left; 
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;
line-height: 1.4em;
color: black;
padding: 0 0 0 0;
}

P B{
letter-spacing: 0px;
font-size: 1em;
font-weight: bold;
color: #30598e;
padding: 0 0 0 0;
}

.red{
letter-spacing: 0px;
line-height: 1.4em;
font-size: 1.3em;
font-weight: bold;
color: #cc0000;
padding: 0 0 0 0;
}



.comment{
font-size: .95em;
}
.comment-s{
font-size: .85em;
}

/*INTERIOR PAGE SPECIAL STYLES*/

.interiortitle1 {
padding: 40px 0 2px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 2.9em;
letter-spacing: -2px;
color: #666666;
}

.interiortitle2 {
padding: 0;
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
color: #2c71a4;
}

/*FOOTER */

.footer {
display: block;
padding: 1em 0em 0em 0em;
}
.footer p{
padding: 0em 0em 0em 0em;
}
.footer h1{
font-size: 1.6em;
line-height: 1.1em;
text-decoration: none;
color: #525151;
}
.footer a{
padding:0;
font-size: 1em;
text-decoration: none;
color: #30598e;
}
.footer a:hover{
font-size: 1em;
text-decoration: underline;
color: #525151;
}
.footer ul {
list-style-type: none;
padding-left: 0px;
font-size: 1.1em;
}
.footer ul li {
background-repeat: no-repeat;
background-position: left top;
padding-left: 0px;
}



hr {border: none 0;
	border-top: 1px dashed #000;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}

/*TOP DISPLAY HOME PAGE*/

.home-top {
}
.home-top h1 {
padding: 0 0 0 0;
margin-bottom: 0;
font-family: arial, sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1em;
font-size: 20px;
color: #4a4949;

}

.home-top a{
font-family: arial, sans-serif;
font-size: 1.1em;
color: green;
text-decoration: none;
font-weight:bold;
letter-spacing: -1px;
}

.home-top a:hover{
font-size: 1.1em;
color: #D93315;
text-decoration: none;
font-weight:bold;
}

.home-top h2{
padding-top: 10px;
margin-bottom: 0;
font-family: 'Droid Sans', serif;
color: #000000;

font-size: 1.3em;
line-height:1.2em;
margin-left: 0px;
display: block;
}

.home-top b{
font-size: 1em;
font-weight: bold;
color: #30598e;
padding: 0 0 0 0;
}

.homebutton{ 
float: left;
width: 110px;
}

.homebutton a{
font-family: 'Droid Sans', serif;
font-size: 1.1em;
color: white;
text-decoration: none;
font-weight:bold;
letter-spacing: 0;
}

.homebutton a:hover{
font-size: 1.05em;
color: #f0c746;
text-decoration: none;
font-weight:bold;
}




.home-more {
color: #525151;
}
.home-more p {
font-size:1em
}


.home-more h2 {
font-size:1.4em
}

.icon-correction {
}

/* Grey comment box */
.remark{
background: #efeded;
border: 1px solid #cccccc;
}
.remark p{
padding: 10px 10px 10px 10px;
font-size: 1em;

}
.remark h3{
background-color: #ffffff;
padding: 10px 10px 10px 10px;
font-size: 1.5em;
font-weight: bold;
}

/* box text */
.backbox1{
margin:0;
display: block;
background: #ebe9e9;
}

.backbox1 p{
padding: 10px 15px 15px 15px;
font-size: 1em;
line-height: 1.4em;
}
.backbox1 h3{
display: block;
color: #ffffff;
font-weight: normal;
background-color: #507794;
padding: 10px 10px 10px 15px;
font-size: 1.4em;
line-height: 1.3em;
}

/* box text Action */
.backbox2{
background: #fefba4;
display: block;
}
.backbox2 p{
padding: 10px 15px 15px 15px;
font-size: 1em;
}
.backbox2 h3{
display: block;
background-color: #f22301;
padding: 10px 10px 10px 15px;
font-size: 1.4em;
line-height: 1.3em;
color: #ffffff;
font-weight: normal;
}

.backimg{
        background-image: url(/system/storage/1/906/pourquoi_site_img.jpg);
}


/* Listes */
ol{
color: #525151;
font-size: 1em;
line-height: 1.4em;
list-style-position: outside bold;

padding: 6px 0 0 18px;
}

.number{
list-style-type: decimal;
}

.letter{
list-style-type: lower-alpha;
}

.roman{
list-style-type: upper-roman;
}

.square{
list-style-type: square;
}

.alt{
background: #E1E0E0;
}

a{
font-family: arial, helvetica, sans-serif;
text-decoration: underline;
color: #2A5DB0;
}

a:hover{
color: #3b4eae;
}

ul{
font-size: 1em;
line-height: 1.4em;
color: #525151;
padding: 6px 0 0 15px;
list-style: disc outside;
}

strong{
font-weight: bold;
}

img{
padding: 6px 0 0 auto;

}

.message{
color: #525151;
margin: 20px 0;
padding: 10px;
width: 100%;
}

.error{
background: #F6BDBD;
border: 1px solid #E77777;
}

.warning{
background: #F9F5AD;
border: 1px solid #EEE324;
}

.success{
background: #CAF7C1;
border: 1px solid #83D98D;
}


/* Removes border from logo and slider images */
img.no-border{
border: medium none;
padding: 0;
margin: 0;
}


 /* Special text styles */
.header_title{
font-family: Verdana, Verdana, Geneva, sans-serif;
font-size: 2.2em;
font-weight: bold;
color: white;
}

.header-text{
font-family: Verdana, Verdana, Geneva, sans-serif;
font-size: 1.15em;
font-weight: bold;
line-height: 2.2em;
color: white;
padding: 15px 0 0 0;
}



.sidebartitle {
font-size: 1.5em;
line-height: 1em;
}


/*Conatct form css*/
.screenReader { 
left: -9999px; 
position: absolute; 
top: -9999px; 
}

ol.forms { 
float: left; 
list-style: none; 
margin: 6px 0 0 0; 
width: 100%; 
}

ol.forms li {
clear: both;
float: left;
margin-bottom: 15px;
position: relative;
width: 100%;
}

ol.forms label {
cursor: pointer;
display: block;
width: 100px;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
line-height: 1.8em;
color: #525151;
padding: 0 0 4px 0;
}

ol.forms input, ol.forms textarea {
border: 1px solid #7E8AA2;
border-radius: 3px;
font: inherit;
-moz-border-radius: 3px;
padding: 2px;
-webkit-border-radius: 3px;
width: 300px;
margin: 2px 0 0 0;
}

ol.forms textarea { 
height: 200px; 
width: 500px; 
margin: 2px 0 0 0;
}

.contacterror { 
color: #f00; 
}

ol.forms li .contacterror { 
font-size: 12px; 
margin-left: 5px; 
}

ol.forms li.textarea .contacterror {
display: block;
margin: 7px 0 0 0;
}

ol.forms li.screenReader { 
margin-bottom: 0; 
}

ol.forms li.buttons button {
font-size: 0.9em;
line-height: 1.8em;
color: #525151;
cursor: pointer;
}


.titre_a_ligne_gris {
border-bottom-style: inset;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #666471;
border-bottom-color: #666471;
border: 1px;
}
.titre_a_ligne_rouge {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
border-bottom-style: solid;
color: #C40000;
border-bottom-color: #C40000;
border: 1px;
}

H6.titre_a_ligne_rouge {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
border-bottom-style: solid;
color: #C40000;
border-bottom-color: #C40000;
border: 1px;
}

.button {
color: #FFFFFF;
margin:0px 0px 0px 0px;
text-decoration: none;
padding: 0px 0px 0px 0px;
}

a.button {
background: transparent url(/system/storage/1/886/bg_button_a6.png) no-repeat scroll  top right;
color: #FFFFFF;
display: block;
float: left;
max-height:30px;
-height:30px !important;

font-family: arial, sans-serif;
font-weight:bold;
width: 100%;
margin:0px 0px 0px 0px;
text-decoration: none;
padding: 0px 0px 0px 0px;
cursor:pointer;
overflow:hidden;
}

a.button p {
background: transparent url(/system/storage/1/888/bg_button_span6.png) no-repeat;
text-align: right;
color: #FFFFFF;
display: block;
margin-right:6px;
padding:0px 35px 0px 0px;
size: 1em;
}

a.button span {
color: #FFFFFF;
background: transparent url(/system/storage/1/887/bg_button_p6.png) repeat;
display: block;
line-height: 22px;
margin: 0 0 0 0px;
padding: 4px 0px 4px 4px;
}


a.button:hover {
background-position: right -31px;
color: #000;
outline: none;
margin-right:0px;
padding:0px 0px 0px 0px;
}

a.button:hover p{
color: #FFFFFF;
background-position: bottom left;
margin-right:5px;
padding:0px 35px 0px 0px;
}

a.button:hover span {
color: #FFFFFF;
background-position: bottom;
margin: 0 0 0 0px;
padding: 4px 0px 4px 4px;
}

/* Articles page */

.article {
width: 550px;
padding: 0 0 15px 20px;
margin-bottom: 20px;
float: left;
display: block;
background: #ffffff;
border: 1px solid #cccccc;
}
.article p{
padding: 10px 25px 0px 0;
font-size: 1em
}

.article h1{
font-size: 1.4em
}

.article .link1{
font-family: 'Droid Sans', serif;
font-size: 28px;
display: block;
padding: 0px 20px 0px 40px;
background:url(/system/storage/1/797/articlee.jpg)no-repeat;
font-size: 1.1em;
line-height: 1.4em;
font-style: bold;
}
.article .link1: hover{
color:#666666;
}


.article .link2{
background:url(/system/storage/1/798/loupe.png) no-repeat;
float: right;
font-size: 1.1em;
padding: 0 25px 5px 20px;
}

/* Articles home */

.article-home {
width: 400px;
padding: 0 0 15px 0px;
margin-bottom: 10px;
float: left;
display: block;
}
.article-home p{
padding: 10px 25px 0px 0;
font-size: 1em
}

.article-home a{
}
.article-home .link1{
background:url(/system/storage/1/861/38.gif) no-repeat;
display: block;
height: 32px;
padding: 0px 20px 0px 40px;
font-size: 1.2em;
line-height: 1.2em;
font-weight: bold;
color: ##30598e;
}
.article-home .link2{
background:url(/system/storage/1/798/loupe.png) no-repeat;
float: right;
font-size: 1em;
padding: 0 25px 5px 20px;
}


/* More Info bottom box */

.infobox {
display: block;
width: 572px;
padding: 0em 0em 1em 0em;
}

.infobox h3{
background: #cccccc;
padding: 0.5em 0em 0.51em 1em;
color: black;
}
.infobox p{
padding: 0em 0em 0em 1em;
}

.infobox ul {
        list-style-type: none;
        padding-left: 150px;
font-size: 1.1em;
}

.infobox ul li {

        background-image: url(/system/storage/1/746/bullet_fleche.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
    }
/* central bloc for website design process */
.central {
width: 75%;
background: #fdf7e3;
border: 1px solid #dddddd;
display: block;
margin-left: auto;
margin-right: auto;
}
.central p{
padding: 5px 10px 10px 10px;
font-size: 1.1em;
}

.central b{
font-weight: bold;
color: #30598e;
}

.central h3{
background: none;
font-size: 1.4em;
display: block;
font-color: #30598e;
padding: 1em .2em 0em .4em;
}

/* list check */

.checklist {

display: block;
margin-left: auto;
margin-right: auto;
}


.checklist ul {
        list-style-type: none;
        padding-left: 15px;
        font-size: 1.1em;
}

.checklist ul li {

        background-image: url(/system/storage/1/806/checklist.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
    }


/* list check first page */

.checklist-first {
display: block;
margin:0px 0px 0px 0px;
}
.checklist-first p{
        padding-bottom: 7px;
}


.checklist-first a{
        font-size: 1.1em;
text-decoration: none;
color: #525151;
        padding-bottom: 7px;
}

.checklist-first a:hover{
        font-size: 1.1em;
text-decoration: underline;
color: #525151;
}



.checklist-first ul {
        list-style-type: none;
        padding-left: 0px;
        font-size: 1em;
}

.checklist-first ul li {
        background-image: url(/system/storage/1/1032/85.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0 0 7px 25px;
    }

.imgfirst img{
display: block;
margin:10px 0px 0px 0px;
}

/* list check special */

.checklist2 {
color: black;
display: block;
margin-left: auto;
margin-right: auto;
}


.checklist2 ul {
        list-style-type: none;
        padding-left: 10px;
        font-size: 1.1em;
line-height: 2.2em;
}

.checklist2 ul li {

        background-image: url(/system/storage/1/806/checklist.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
    }

/* list plus */

.checklistplus {
display: block;
margin-left: auto;
margin-right: auto;
}


.checklistplus ul {
        list-style-type: none;
        padding-left: 10px;
        font-size: 1.1em;
line-height: 2.2em;
}

.checklistplus ul li {

        background-image: url(/system/storage/1/991/13.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
    }


/* side box contact with list */

.infobox {
display: block;
width: 572px;
padding: 0em 0em 1em 0em;
}

.infobox h3{
background: #cccccc;
padding: 0.5em 0em 0.51em 1em;
color: black;
}
.infobox p{
padding: 0em 0em 0em 1em;
}

.infobox ul {
        list-style-type: none;
        padding-left: 150px;
font-size: 1.1em;
}

.infobox ul li {

        background-image: url(/system/storage/1/746/bullet_fleche.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
    }
/* central bloc for website design process */

.side-contact {
display: block;
padding: 0em 0em 0em 0em;
}

.side-contact h2{
font-size: 2em;
padding: 0em 0em 0em 0em;
color: #e72303;
}
.side-contact p{
padding: 0em 0em 0em 1em;
}

.side-contact ul {
        list-style-type: none;
        padding-left: 0px;
font-size: 1.1em;
}

.side-contact ul li {
        background-image: url(/system/storage/1/746/bullet_fleche.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
}

.grey{
padding: 0em 0em 0em 0em;
color: #6D6B80;
}