﻿ul,li 
{
display:block;
margin:0;
padding:0;
border:0;
} 


body
{
	/* class existant dans Master.css */
  background:url('Images/corporate/bg-repeat.png') repeat-x scroll 0 0 #e4e4e4!important; /* Background-color is different from Master.css*/
	/*font-size:0.70em ;*/
}


#test
{
    background:url('Images/corporate/bg_container.png') no-repeat scroll 50% 156px transparent;
	margin:0;
}


div#body_content
{
	position:relative;
	margin:0 auto;
	width:990px;
	background-color:transparent!important;
}



p
{
	margin:0.5em 0;
}
h1
{
	font-size:1.35em;
	color:#00a1d7;
	margin:8px 0 3px 0;
}

h2
{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	margin:5px 0;
}

h3
{
	font-size:0.925em;
	margin:0;
}

.block
{
	position:relative;
	
	
    
}

#header
{
	overflow:visible;
	height:145px;
	background:url('Images/corporate/construction.png') no-repeat scroll 0 0 transparent;
	
}

#header #logo
{
	float:left;
	width:155px;
	height:145px;
}

#header #container
{
	float:left;
	width:835px;
	height:145px;
}
#header #top
{
	height:120px;
	width:835px;
}



#header #top #baseline
{
	float:left;
    width:680px;
	height:100%;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}

#header #top #baseline-inner
{
	padding:35px 0 0 50px;
}

#header #top #baseline .part-1
{
	padding-left:5px;
}
#header #top #baseline .part-2
{
	font-family:"Arial Black",Gadget,sans-serif;
	float:left;
	font-weight:bolder;
}

/*
* Baseline
*/

#header #top #baseline .part-2 .left{float:left; width:6px; height:22px; background:url('Images/login/header.png') no-repeat scroll 0 0 transparent;}
#header #top #baseline .part-2 .content{float:left; background-color:#0a335f; height:22px;}
#header #top #baseline .part-2 .right{float:left; width:6px; height:22px; background:url('Images/login/header.png') no-repeat scroll 100% 0 transparent;}


#header #top #espace-entreprises
{
	float:left;
	width:155px;
	height:100px;
}

#header #top #espace-entreprises #login
{
	padding:5px;
	height:100%;
	background:url("Images/blocks/login.png") no-repeat scroll 50% 19px transparent;
}

#header #top #espace-entreprises #login .button .content
{
	font-size:11px;
}

#header #top #espace-entreprises #login h2
{
	display:block;
	color:#fff;
	padding-top:12px;
}

#header #top #espace-entreprises #login ul
{
	list-style-type:none;
	/*list-position:outside;*/
	margin-top:14px;
	padding-left:20px;
	
}

#header #top #espace-entreprises #login ul li
{
	float:left;
	margin-bottom:7px;
}

#header #top #espace-entreprises #login ul li a
{
	color:#fff;
	font-weight:bold;
}

#header #top #espace-entreprises #login ul li a:hover
{
	color:#085684;
}

#header #bottom
{
	height:25px;
	width:835px;
}

#header #bottom #menu
{
	width:620px;
	float:left;
}

#menu div , ul , li , a
{
    z-index:10000;
}

#header #bottom #search
{
	float:left;
	width:155px;
}

#header #bottom #search-inner
{
	padding-left:4px;
}

#header #bottom #search input.text
{
	font-size:10px;
	float:left;
	width:123px;
	height:15px;
	background:url("Images/login/search-field.png") repeat scroll 0 0 transparent;
	border:0;
}

#header #bottom #search input.search-submit
{
	font-size:10px;
	width:23px;
	height:17px;
	background:url("Images/login/search-submit.png") repeat-x scroll left top transparent;
	border:0;
	color:#fff;
	padding:0
}

#content
{
	background-color:#fff;
	float:left;
	
	
}

#contenu_page
{
   
}
#content #col-middle
{
	overflow:hidden;
	float:left;
	width:680px;
	
	
	
	
	
	
}
#content #col-middle-inner
{
	padding:0 5px;
	
}
#content #col-middle-inner a
{
	padding:0 5px;
	color:White;
}

#content #col-left
{
	float:left;
	width:155px;
}

#content #col-left #main a
{
	color:White;
}
#main-inner2 a 
{
    color:black;   
}
#newsletter-inner a
{
    color:White;   
}
#content #col-right
{
	float:right;
	width:155px;
}

#content .sidebar .block
{
	float:left;
	width:138px;
	margin:15px 8px 0;
}

#content .sidebar .block .title
{
	overflow:hidden;
	background:url('Images/blocks/sidebar-blocks-edges.png') no-repeat scroll left top transparent;	
}

#content .sidebar .block #main, #main1, #main2, #main3
{
	overflow:hidden;
	padding:5px;
	border-right:1px solid #c9c9c9;
	border-left:1px solid #c9c9c9;
	background:url('Images/blocks/sidebar-blocks-content.png') repeat-x scroll left 100% transparent;	
}

#content .sidebar .block .bottom
{
	float:left;
	width:100%;
	width:138;
	height:10px;
	background:url('Images/blocks/sidebar-blocks-edges.png') no-repeat scroll left -26px transparent;	
}

/* BUTTONS */

/* Global settings */

.button .left-corner{ float:left; width:6px; height:18px; }
.button .content{ float:left; height:18px; font-weight:bold; color:#fff; line-height:18px; font-size:0.875em;}
.button .right-corner{ float:left; width:6px; height:18px; }

/* grey buttons */

.button.grey {position:absolute; bottom:15px; right:15px; }
.button.grey .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 -58px transparent; }
.button.grey .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px -58px transparent; }
.button.grey .content
{
	background: url("Images/login/sprites-content.png") repeat-x scroll 8px -58px transparent;
	color:#000;
}

/* blue buttons */

.button.blue .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 0 transparent; }
.button.blue .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px 0 transparent; }
.button.blue .content
{
	font-size:0.75em;
	background: url("Images/login/sprites-content.png") repeat-x scroll 8px 0 transparent;
}

/* green buttons */

.button.green .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 -18px transparent; }
.button.green .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px -18px transparent; }
.button.green .content
{
	background: url("Images/login/sprites-content.png") repeat-x scroll 8px -18px transparent;
}

/* gradient blue buttons */

.button.gradientblue .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 -36px transparent; height:20px;}
.button.gradientblue .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px -36px transparent; height:20px; }
.button.gradientblue .content
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: url("Images/login/sprites.png") repeat-x scroll 100% -37px transparent;
	padding-right:20px;	
}


/* gradient blue buttons pour devenir */

#devenez .button.gradientblue .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 -36px transparent; height:20px;}
#devenez .button.gradientblue .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px -36px transparent; height:20px; }
#devenez .button.gradientblue .content
{
	border-top:1px solid #fff;
	
	border-bottom:1px solid #fff;
	background: url("Images/login/sprites-content.png") repeat-x scroll 100% -37px transparent;
	padding-right:20px;	
}


/* gradient green buttons */

.button.gradientgreen .left-corner{ background: url("Images/login/sprites.png") no-repeat scroll 0 -78px transparent; height:20px;}
.button.gradientgreen .right-corner{ background: url("Images/login/sprites.png") no-repeat scroll -6px -78px transparent; height:20px; }
.button.gradientgreen .content
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: url("Images/login/sprites.png") repeat-x scroll 100% -80px transparent;
	padding-right:20px;	
}



/*
 * COLUMN - MIDDLE
 */

#content #col-middle .block
{
	position:relative;
	float:left;
	margin:10px;
	
}
#content #col-middle h1 , p ,a
{
    letter-spacing:normal;
}

#content #col-middle #news #news-inner h3 
{
    color:#003063;
}

#content #col-middle .main-block {
	margin:0;
	float: left;
	height: 151px;
	margin: 0 5px;
	width: 325px;
	
}

#content #col-middle .main-block h1 {
  color: #FFFFFF;
  font-family: georgia;
  font-size: 12px;
  font-weight: normal;
  margin: 46px 0 20px 150px;
  
}

#content #col-middle .main-block p {
  color: #FFFFFF;
  margin-left: 180px;
}

#content #col-middle .main-block .button
{
	position:absolute;
	bottom:15px;
	right:15px;
}

#content #col-middle #particuliers
{
	margin-right:0;
	background: url("Images/main/particuliers.png") no-repeat scroll left 50% transparent;
	
	
	
	
}

#recherchez2 a
{
    color:Black;   
}

#Actualites1  #act a
{
    color:Black;   
}
#avantages a
{
    color:Black;
}
#act a
{
    cursor:pointer;
    cursor:hand;
    color:Black;
}
#act #tac a
{
    cursor:pointer;
    cursor:hand;
}

#ctl00_Main_Actualites1_HyperLink1
{
    cursor:pointer;
    cursor:hand;
}
#act #tac HyperLink1
{
    cursor:pointer;
    cursor:hand;
}
.adherantTitre
{
    float:left;
	clear:both;
	
}
#titrePartenaires
{
    clear:both;
    float:left;
}

#logoPartenaires{
float:left;
}
#adressePartenaires{
float:left;
} 

#col-middle #pro
{
	background: url("Images/main/pro.png") no-repeat scroll left 50% transparent;
    
}

#col-middle #pro a
{
    color:White;   
}

#col-middle #devenez-qualibat
{
	width:655px;
	height:100px;
	background: url("Images/main/devenez-q.png") no-repeat scroll left 50% transparent;
}

#col-middle #devenez-qualibat p
{
	width:400px;
}

#col-middle #devenez-qualibat-inner
{
	padding-left:190px;		
}


#col-middle #confiance
{
	margin:0 10px;
	float:left;
	background: url("Images/main/vid2.png") no-repeat scroll left 50% transparent;
	width:326px;
	height:220px;
}

#imageVideo
{
	margin-top:15px;
	margin-left:35px;
	float:left;
	background: url("Images/main/vidvet1ok.png") no-repeat scroll left 50% transparent;
	width:254px;
	height:252px;
}

 a img, a:link img, a:visited img, a:hover img, a:active img { border:0 !important; }
#play
{
    position:relative;
    margin-top:125px;
    margin-left:165px;
  
}

.left_middle
{
   
}

#tuto
{
    
    position:relative;
     
}
#position
{
    
    
}

#devenir a
{
    color:White!important;
}
#col-middle #confiance-inner
{
	padding:5px 5px 5px 40px;
	
}

#col-middle #avantages
{
	margin:10px;
	float:left;
	width:326px;
	height:100px;
	background: url("Images/main/avantages.png") no-repeat scroll left 50% transparent;	
}
#col-middle #avantages h1
{
	float:left;
	color:#fff;
	padding-left:100px;
}

#col-middle #left
{
	width:326px;
	float:left;
}

#col-middle #news
{
	float:left;
	width:326px;
}

#col-middle #news-inner
{
	float:left;
	padding:0 10px 45px 35px;
}

#col-middle #devenez
{
    
	margin:0px 0px 0px 0px;
	float:right;
	
	width:323px;
	height:101px;
}

#devenez
{
    
	margin-left:15px!important;
	
}
#col-middle #devenez-inner
{
    
	
}


/*
 * LEFT
 */ 
#nomenclature #rubriques img
{
	padding:0px;
}

#nomenclature #search
{
	margin:10px 0 10px 7px;
	color:#454545;
}

#nomenclature #search label#search_label
{
	text-transform:uppercase;
	font-size:10px;
	font-weight:600;
	padding-bottom:3px;
	float:left;
}
#nomenclature #search input#search_field
{
	width:95px;
	height:12px;
	border:#fff 1px solid;
	background:url("Images/login/search-field.png") repeat scroll 0 0 transparent;
	font-size:9px;
	color:#8b8b8b;
}
#nomenclature #search input#search_submit
{
	vertical-align:bottom;
	margin-left:-5px;
	border:none;
}

#nomenclature .button
{
	padding-left:3px;
}

#content .block #main #main-inner, #main-inner2
{
	padding:0 10px;
}


#partenaires ul
{
	font-size:10px;
	padding-left:15px;
	list-style-image:url(Images/blocks/tip.png);
}

#partenaires a
{
	color:#00a1d7;
}

#newsletter-inner
{
	background: url("Images/blocks/newsletter.png") no-repeat scroll left top transparent;
	height:57px;
}

#newsletter-inner .green
{
	position:absolute;
	bottom:5px;
	right:5px;
	float:left;
	color:#fff;
	font-weight:bold;
}

#gifAnimeGrenelle
{
 margin-top:4px;
}

#qualification .image-header
{
	/*background: url("Images/corporate/grenelleanime2.gif") no-repeat scroll left top transparent;
	*/
    
    padding-left:7px; 
    padding-top:4px;
    width:90px;
	height:132px;
	margin:0 auto; 
	display:table;
}

#qualification-inner
{
	background: url("Images/blocks/pave_droite.jpg") no-repeat scroll left top transparent;
	border-width:0;
	border-style:none;
	padding:0 0 0 0;
	height:274px;
}
#grentext
{
    padding-left:4px;
    padding-right:2px;
}
#qualification-inner p
{
    letter-spacing: normal;
    margin: 0.5em 0;
    font-size: 11px;
}

#qualification .droite
{
	padding-left:30px!important;
}

#qualification .button
{
	padding-left:4px;
}

#call-us
{
	background: url("Images/corporate/call-us.png") no-repeat scroll left 50% transparent;
	height:65px;
}

#content #call-us.block
{
	width:150px;
	margin:15px 0 0;
}

/*
#tags #tags-inner
{
	color:#717171;
	font-size:9px;
	text-align:center;
}
*/
#devenir-qualibat.block
{
	width:100%;
	padding:0;
}

#devenir-qualibat #devenir-qualibat-inner
{
	padding:10px 10px 0;
	background: url("Images/corporate/speaker.png") no-repeat scroll left 50% transparent;
}
#devenir-qualibat #main
{
	padding-left:175px;
	width:100%;
}




#confiance.block
{
	float:left;
	width:295px;
}

#confiance img
{
	float:left;
	padding-right:5px;
}

#content #news.block
{
	float:right;
	background:#fff;
	width:326px;
}

#news .feed
{
	float:left;
}

#news #date
{
	color:#648407;
}
#news img
{
	padding:4px;
	float:left;
}

#news .more a
{
	float:right;
	color:#00a4db;
}


.adherantTitre
{
    width:100%;
    float:left;
	clear:both;
	
}
#titrePartenaires
{
    clear:both;
    float:left;
}

#logoPartenaires{
float:left;
}
#adressePartenaires
{  
    float:left;
    margin-left:40px;
} 
.panneau
{
    width:100%;
    margin-bottom:3px;
}




.panPart hr
{   
    
    text-align:left;
    margin-bottom:20px;
    margin-left:0;
    margin-right:0;
    border: 0;
    width: 90%;
    color: #00A1D7;
    background-color:#00A1D7;
    height: 2px;
    clear: both;
}


#footer
{
	padding:10px;
	/*background-color:#fff;*/
	text-align: center;
	clear: both;
}
#footer a
{
    color:Black;
	font-weight:normal; /* defini comme bold dans Master.css */
	
}

#footer a:link
{
	color:#00a1d7;
}

#footer a:visited
{
	color:#00a1d7;
}

#organisme 
{
    color:#00a1d7;
    font-weight:bold;
}

#pnlMain
{
    background-color:red;
    float:right;
}

.tableGren 
{
   
	display:table;
	border-collapse:separate;
	border-spacing:4px;
	border-color:blue;
	background-color:#0088F6;
	text-align:center;
	
	
}

.tableGren thead {
	display:table-header-group;
	vertical-align:middle;
	border-color:inherit;
}

.tableGren tfoot {
	display:table-footer-group;
	vertical-align:middle;
	border-color:inherit;
}

.tableGren tbody tr th {
	background:#cade5b;
	text-align:left;
	border-width:thick;
	border-color:Black;
}

.tableGren tbody tr {
	background-color:#CCC;
}

.tableGren h1 
{
    color:White;

}

#content {
	width:100%;
	display:inline;
	
}
#col-left {
	float:left;
	width:155px;
	
}

#col-right {
	float:left;
	width:155px;
}


#content-inner {
	float:left;
	
}



#separation{
	width:10px;
	height:25px;
	float:left;
	
}
	
	
.navi{
    bottom: 0;
    font-size: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#facebook
{ 
	width:25px;
	height:25px;
	float:left;
}
#facebookimg
{
	width:25px;
	height:25px;
	float:left;
}


#twitter{
	width:25px;
	height:25px;
	float:left;
}

#twitterimg{
	width:25px;
	height:25px;
	float:left;
}

#famille_fonc
{
    margin-left:10px;
    padding-left:10px;
}