body {
    text-align:center;
	margin-top:0px;
    background-color: #333;
	}
#global {
	width:990px;
	text-align:center;
    overflow:hidden;
	font-size:0.78em;
	font-family:Century Gothic, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#fff;
	line-height:18px; 
	margin-top:0px;
    margin-left: auto; 
    margin-right: auto; 
	}
#bordure {
    float:left;
	width:986px;
    border: 2px solid #ccc;    
    margin: 10px 0 10px 0;
    background: url('../images/background-header.jpg') #000 repeat-x top left;
}
    
/* ENTETE */
#entete {
    float:left;
    width: 986px;
    height: 350px;
    padding-top: 30px;
    margin: 0 0 0 0;    
    margin: 10px 0 10px 0;
}
#robot {
    float:left;
    width: 300px;
    height: 440px;
    margin: -10px 0 0 20px;
    background: url('../images/femme_robot_tooeasy.jpg') no-repeat top left;
}
.boite {
    float:left;
    margin: -45px 0 0 135px;
}
#logo {
    float:left;
    width: 285px;
    height: 75px;
    margin: -10px 0 0 0px;   
}
#espace_client_fond {
    float:left;
    width: 318px;
    height: 104px;
    background: #ccc;
    margin: -25px 0 0 52px;    
}
#espace_client {
    float:left;
    width: 314px;
    height: 100px;
    background: #343434;
    margin: 2px 0 0 2px;    
}
#rappel {
    float:left;
    width: 150px;
    height: 85px;
    padding-top: 15px;
    border-right: 2px solid #ccc;
}
#lien_header {
    float: left;
    width: 157px;
    height: 90px;
    padding: 5px 0 5px 5px;
    text-align:center;
}
#lien_header a {
    display: block;
    width: 112px;
    text-align:left;
    padding-left:30px;
    line-height:20px;
    color: #ffaa00;
    font-size:13px; 
    font-weight: normal;
    margin:0px auto 0 10px;
}
#lien_header .webmail  {
    background: url('../images/webmail.png') top left no-repeat;
}
#lien_header .webmail:hover {
    background: url('../images/webmail_over.png') top left no-repeat;
    color: #fff;
    text-decoration:none;
}
#lien_header .client {
    background: url('../images/acces_client.png') top left no-repeat; 
}
#lien_header .client:hover {
    background: url('../images/acces_client_over.png') top left no-repeat;
    color: #fff;
    text-decoration:none;
}
#lien_header .easymailing {
    background: url('../images/easymailing.png') top left no-repeat;
}
#lien_header .easymailing:hover {
    background: url('../images/easymailing_over.png') top left no-repeat;
    color: #fff;
    text-decoration:none;
}
#newsletter {
    float:left;
    padding: 0px;
    width: 155px;
    text-align: left;
    height:40px;
    line-height:40px;
}
#newsletter img {
    float:left;
    margin: 0 2px;
}
.newsletter {
    float:left;
    display:block;
    width: 112px;
    padding:1px 5px 3px 3px;
    margin: 5px 0 0 5px;
    height: 16px;
    font-size: 12px;
    color: #343434;
    background: #ffaa00;
    border: #ccc 1px solid;
    font-weight:normal;
}
.newsletter:focus {
    color: #1e1e1e;
    background: #fff;
    border:1px solid #ffaa00;
}
.inscription2 {
    float:left;
    background: url('../images/bouton_OK.png') top left;
    width: 34px;
    margin: -2px 0 0 -8px;
    height:34px;   
    cursor: pointer;
    border:none;
}
.inscription2:hover {
    background: url('../images/bouton_OK_over.png') top left;
}
/*#client {
    float:left;
    width: 244px;
    height: 100px;
    color: #ffaa00;  
}
#cadenas {
    float:left;
    width: 60px;
    height: 40px; 
    text-align: center;
    background: url('../images/acces_client.png') no-repeat top center;
    padding-top: 30px;
    line-height:22px;
    font-size:18px;
    font-weight:bold;
    margin: 15px 0 0 5px; 
}
#identification{
    float:left;
    width: 170px;
    height:100px;
    margin: 0px 0 0 9px; 
}
.identification {
    display:block;
    padding:2px 5px;
    color: #000;
    line-height:18px;
    font-size: 16px;
    font-weight:bold;
    border:2px solid #ffaa00;
}
.id01 {
    width: 145px;
    margin: 10px 0 5px 0px; 
}
.id02 {
    float:left;
    width: 55px;
    margin: 1px 5px 0px 0px; 
}
.connexion {
    float:left;
    background: url('../images/bouton02.png') top left repeat-x;
    width: 85px;
    height:30px;
    line-height:30px;  
    font-weight: bold;  
    border:none;
}
.connexion:hover {
    background: url('../images/bouton02_over.png') top left repeat-x;
    color: #ffaa00;
}*/
#slogan {
    float:left;
    width: 680px;
    height: 30px;
    margin: 20px 0 0 -25px;
    background: url('../images/slogan_tooeasy.png') no-repeat top left; 
}

/* MENU */
#menu {
    float:left;
    width: 685px;
    height: 120px;
    margin: 20px 0 0 -20px;
    overflow: hidden;
}
#infosfond {
    float:left;
    width: 688px;
    height: 55px;
    background: #ccc;
    margin: 28px 0 0 -22px;
}
#infos {
    float:left;
    width: 686px;
    height: 51px;
    background: #343434;
    margin: 2px 0 0 2px;
}
#contenu .contenu_txt .grdssmenu {
    float: left;
    display: block;
    width: 640px;    
    color: #fff;
    padding: 5px;
}
#contenu .contenu_txt .grdssmenu:hover { 
    background: #444; 
    color: #fff;    
    text-decoration: none;
}
#contenu .contenu_txt .grdssmenu span { 
    font-size: 14px;
    color: #ffaa00;
}

/* FIL ARIANE */
#filariane {
    margin-left:10px;
    font-size: 12px;
    line-height: 22px;
    color: #e36c17;
}
#filariane a {
    color: #343434;
}
#filariane a:hover {
}
.sepahonz {
    float:left;
    width: 986px;
    background: #000;
    text-align: left;
}
.demiarrondi {
    -moz-border-radius: 0px 10px 10px 0px ;
    -webkit-border-radius: 0px 10px 10px 0px;
    -khtml-border-radius: 0px 10px 10px 0px ;
    border-radius : 0px 10px 10px 0px ;
}
.demiarrondi2 {
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -khtml-border-radius: 10px 0px 0px 10px;
    border-radius : 10px 0px 0px 10px;
}
.arrondi {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius : 10px;
}
.arrondi2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius : 5px;
}
.arrondi3 {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius : 20px;
}
.gris343434 {
    background: #343434;
}
.grisccc {
    background: #ccc;
}
.width976 {
    float:left;
    width: 986px;
    margin: 0 0 0 0px;
}
#accueil, #goodies, #recherche {
    float:left;
    padding: 5px 10px 5px 10px;
    border-right: 1px #fff dashed;
}
#goodies {
    padding: 6px 10px 4px 10px;
}
#goodies img {
    margin: 0 6px 0 7px;
}
#recherche {
    width: 251px;
    text-align: left;
    height:40px;
    line-height:40px;
}
#recherche img {
    float:left;
    margin: 0 2px;
}
.recherche {
    float:left;
    display:block;
    width: 190px;
    padding:1px 5px 3px 5px;
    margin: 7px 0 0 10px;
    height: 16px;
    font-size: 14px;
    color: #343434;
    background: #ffaa00;
    border: #ccc 2px solid;
    font-weight:normal;
}
.recherche:focus {
    color: #1e1e1e;
    background: #fff;
    border:2px solid #ffaa00;
}
.resultat {
    color: #eee;
    padding: 0 5px 10px 5px;
    height: 200px;
    overflow: hidden;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}
.resultat:hover {
    background: #eee;
    color: #1e1e1e;
}
.resultat:hover .resultat_lien {
    color:#333;
}
.resultat_int {
    height: 195px;
    overflow: hidden;
}
.resultat h1 {
    text-decoration: underline;
    font-weight: normal;
}
.resultat_lien {
    font-size:9px;
    color:#aaa;
}
.inscription {
    float:left;
    background: url('../images/loupe_recherche.png') top left;
    width: 40px;
    margin: 0px 0 0 -8px;
    height:40px;   
    cursor: pointer;
    border:none;
}
.inscription:hover {
    background: url('../images/loupe_recherche_over.png') top left;
}
#langues {
    float:left;
    text-align:center;
    width: 79px;
    height: 20px;
    font-weight:bold;
    padding: 15px 2px 15px 5px;  
}
#langues img {
    float:left;
    width: 27px;
    height: 20px;
}
#langues img:hover {
    float:left;
    width: 27px;
    height: 20px;
}
#langues a:hover {
    border: 1px #fff solid;
}
.margin010 {
    float:left;
    display: block;
    margin: 0 8px;
}
.margin20000 {
    margin: 20px 0 0 0;
}
.margin30000 {
    margin: 30px 0 0 0;
}
#langues a {
    float:left;
    display: block;
    border: 1px #343434 solid;
    margin: -1px 0px auto 0px;
}

/* CONTENEUR */
#conteneur {
    float:left;
    width: 986px;
    background: #000;
    text-align: left;
}

/* BONUS */
#bonus {
    float:left;
    width: 300px;
    margin: 0 0 0 10px;
    padding: 10px 5px 20px 5px;
}
.bonus {
    float:left;
    width: 270px;
    padding: 0px 10px 10px 10px;
    margin: 30px 0 0 0;
    background: #343434;
}
.bonus2 {
    float:left;
    width: 270px;
    padding: 0px 10px 10px 10px;
    margin: 30px 0 0 0;
    background: #ccc;
}
#actu {
    height: 350px;
}
#coord {
    width: 240px;
    color: #ffaa00;
    margin: 10px 0 0 0;
    padding: 0px 10px 10px 40px;
}
#coord p {
    color: #fff;
    margin: 0 0 0 35px
}
.comic {
    font-family:Comic Sans MS, sans-serif;
}
.tooeasy {
    font-size:16px;
    color:#ffffff;
}
.webagency {
    font-size:12px;
}
#contact_accueil {
    text-align:center;    
}
#contact_accueil h3 {
    text-align:left;    
}
#partenaires img {
    float:left;
    margin: 0 2px;
}
.part01 {
    margin: 0px 0 0 0;
}
.part02 {
    margin: 5px 0 0 0;
}
.part03 {
    margin: -5px 0 5px 0;
}
#liens img {
    margin: 0px 5px;
}
#ssmenu {
    color: #ffaa00;
    margin: 10px 0 0 0;
}

/* CONTENU */
#contenu {
    float:left;
    width: 665px;
    margin: 20px 0;
}
#contenu h1 {
    color: #ffaa00;
    font-size: 19px;
    line-height: 20px;
    font-style: oblique;
}
#bandeau {
    float:left;
    width: 650px;
    height: 220px;
    border: 1px #ffaa00 solid;
    padding: 4px;
    margin: 0px 0 20px 0px;
}
.width650 {
    float:left;
    width: 662px;
    background: #ccc;
    margin: 10px -12px 20px 0px;
}
.width662 {
    float:left;
    width: 662px;
}
.height10 {
    height: 10px;
}
.contenu_txt {
    float:left;   
    padding:0 0px 20px 0; 
    width: 650px;
}
.contenu_txt img {
    float:left;  
    border: 1px solid #ffaa00; 
    margin: 5px 10px 10px 0; 
}
.contenu_txt h2 {
    float:left;   
    width: 662px;
    line-height:22px;
}
.contenu_txt p {
    float:left;
    color: #fff;
    text-align:justify;
    text-indent: 0px;
}
.contenu_txt ul {
    float:left;
    text-align:justify;
    width: 615px;
}
.contenu_txt li {
}
.contenu_txt_gauche {
    float:left;
    width: 318px;
    padding: 0 8px 0 0px;
    text-align:center;
    border-right: #ffaa00 2px solid;
}
.contenu_txt b {
    color: #ffaa00;
    font-weight:bold;
}
.contenu_txt_droit {
    float:left;
    width: 318px;
    margin: 0 0 0 2px;
    text-align:center;
    padding: 0 0px 0 8px;
}
.contenu_txt_gauche h2, .contenu_txt_droit h2, #contenu h2 {
    color: #fff;
    font-size: 17px;
    line-height:22px;
    text-align:left;
}
.contenu_txt_gauche h2 a, .contenu_txt_droit h2 a, #contenu h2 a {
    border-bottom: 1px #ffaa00 dashed;
    color: #fff;
    text-align:left;
    text-decoration: none;
}
.contenu_txt_gauche h2 a:hover, .contenu_txt_droit h2 a:hover, #contenu h2 a:hover {
    border-bottom: 1px #ffaa00 dashed;
    color: #fff;
    text-align:left;
    text-decoration: none;
}
.contenu_txt_gauche h3, .contenu_txt_droit h3 {
    color: #ffaa00;
    font-size: 14px;
    text-align:left;
    font-weight: bolder;
}
.blanc {
    color: #ffaa00;
    font-weight: normal;
}
.contenu_txt_gauche p, .contenu_txt_droit p {
    color: #fff;
    text-align:justify;
    line-height:20px;
    text-indent: 0px;
}
.contenu_txt_gauche ul, .contenu_txt_droit ul {
    color: #fff;
    text-align:left;
    line-height:20px;
    margin:-10px 0 0 -20px;
}
.contenu_txt_gauche ul ul, .contenu_txt_droit ul ul {
    color: #fff;
    text-align:left;
    margin:0px 0 0 -20px;
}
.margin20 {
    margin-top: 30px;
}

/* PARTENAIRES */
.imagepackpartner {
	float: left;
	margin-top:5px;
	margin-bottom: 10px;
}
.adressepartner {
	text-align:center;
	font-size:16px;
	line-height:18px;
}
.promo {
	vertical-align:middle;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right:20px;
	}
.textepartenaire {
	font-size:13px;
	line-height:20px; 
	}
#contenu .partenaire {
    width:335px;
    text-align:justify;
}
.boite1 {
	margin:0 5px 10px 0;
}
.boite1bis {
	margin:0 5px 10px 5px;
}
.boite3 {
	margin-right:5px;
}
.boite3bis {
	margin:0 5px;
}
#contenu .contenu_txt table img {
    border: none;
}
#contenu .contenu_txt table .boiteL {
	margin-left:1px;
	margin-right:1px;
	margin-bottom:30px;
	}
#contenu .contenu_txt table .boiteL2 {
	margin-left:0px;
	margin-right:-6px;
	margin-bottom:30px;
	}
#contenu .contenu_txt table .boiteL3 {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:30px;
	}
#contenu .contenu_txt table .boiteL4 {
	margin-left:1px;
	margin-right:0px;
	margin-bottom:30px;
	}
#contenu .contenu_txt table {
	margin-top: 30px;
	}
#intervallepartner {
	width:2px;
	background-color:#FFAA00;
	margin-left:3px;
	height:380px;	
	}
    
/* CONTACT */
#googlemaps {
    float:left;
    width: 650px;
}


/* PIED DE PAGE */
#piedpage {
    float:left;
	width:986px;
	text-align:left;  
    background: url('../images/background-footer.jpg') top left repeat-x;
    margin: 0px 0 0px 0px;
}
.piedpage {
    float:left;
    width:305px;
    font-size:11px;
    margin: 0 0 0 10px;
}
#partenaire {
    float:left;
	width:976px;
    height:45px;
	text-align:left;  
    margin: 10px 0 0px 0px;
}
#partenaire a, #partenaire img {  
    margin: 0px 4px 0 5px;
}
#partenaire h3 {
    float:left;
	font-size: 14px;
    line-height: 20px;
    color: #ffaa00;
    margin: 0px 10px 0 5px;
}
.piedpage h4 {
    color: #ffaa00;
}
#w3c {
    float:left;
    width:20px;
    height:88px;
    padding: 120px 0 20px 0;
    margin: 0 21px 0 0;
}
#piedpagefin {
    float:left;
	width:970px;
    font-size:10px;
    color: #ffaa00;
    text-align:right;
    padding-right:20px;
    height: 12px;
}
.borduredroite {
    padding: 0 0 75px 0;
}
#tacker_pubs {
    float:left;
	width:986px;
    height:10px;
	text-align:left;  
}
#reseau_sociaux {
    float:left;
	width:60px;
    text-align: right;
    padding: 0 10px 0 0;
    margin: 15px 0 0 -70px;    
}
#plusone {
    right:0px;
}
#reseau_sociaux img {
    margin: 5px 0px 5px 20px;    
}
#reseau_sociaux .reseau1 {
    margin: 10px 0px 5px 20px;  
}

/* DISPONIBILITE */
.position_nom  {
    border: 1px gray solid;
    padding: 10px;
    width: 547px;
    background: #fff;
    margin: 10px 0 0 30px;
}
.swPositioner {
    border: 1px gray solid;
    padding: 0 10px 15px 10px;
    width: 525px;
    background: #000;
    overflow: hidden;
}
.titre_assistant {
    color: #ffaa00;
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin: 0 0 20px 0;
}
.nom_http {
    color: #FFFFFF;
    font-family: Trebuchet MS,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;    
}  
.inputnom {
    border: 2px solid #FFAA00;
    color: #1E1E1E;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin: 1px 0 10px;
    padding: 2px 5px;
}
.inputnom:focus {
    color: #343434;
    background: #ffaa00;
    border: #ccc 2px solid;
}
.txtnom {
    width: 300px;
}
.swtld {
    width: 80px;
}
.reponse_nom {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;  
}
.dispo_nom {
    color: green;
    font-size: 18px;
    text-decoration: underline;
}
.pasdispo_nom {
    color: red;
    font-size: 18px;
    text-decoration: underline;
}
#contenu .contenu_txt .swResults table {
    margin: 10px 0 0 0;
}

/* DOCUMENTATIONS */
#documentation {
    float: left;
    width: 650px;
    margin: 20px 0 0 0;
}
#titre_docs {
    position: relative;
    z-index: 15;
    width: 650px;
    float: left;
    margin: 0px 0 0 0;
}
.docs_info {
    position: relative;
    z-index: 15;
    width: 650px;
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3px 0;
    margin: -1px 0 0 0;
}
.docs_info:hover {
    background: #ccc;
}
.docs_info_photo {
    width: 82px;
    float: left;
    padding: 2px 9px 0 9px;
}
.docs_info_txt {
    width: 350px;
    float: left;
    margin: 0 20px 0 10px;
}
.docs_info_visu, .docs_info_dl {
    width: 80px;
    float: left;
    text-align: center;
    margin: 0px 0px;
}
.docs_info_dl a, .docs_info_visu a {
    margin: 35px auto 0 auto;
    display: block;
    width: 80px;
    height: 80px;
}
.docs_info_dl a img, .docs_info_visu a img {
    border: none;
    margin: 0px auto 0 auto;
    width: 60px;
    height: 60px;
}
.docs_fond {
    position: relative;
    z-index: 16;
    float: left;
    padding:2px;
    background: #fff;
    margin: 10px 0;
}
.docs {
    position: relative;
    z-index: 17;
    float: left;
    width: 300px;
    padding: 4px 10px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
}
.docs a, .docs a:hover {
    display: block;
    color: #1e1e1e;
    font-weight:bold;
    text-decoration: none;
}
.commercial {
    background: #ccb414;
}
.technique {
    background: #fbd745;
}
.contrat {
    background: #40beff;
}
#ressource_docs {
    position: relative;
    z-index: 10;
    float: left;
    width: 260px;
    margin: 0px 0 0 0;
    text-align: center;
    padding: 10px;
    border: 2px solid #fff;
}
.dl_docs_entt {
    float: left;
    width: 280px;
    height: 30px;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 30px;
    margin: -10px 0 20px -10px;
    border-bottom:  2px #fff solid;
}
#ressource_docs .dl_docs {
    text-align: center;
}
.docs_info_txt p {
    text-align: left;
    line-height: 19px;
    margin: 2px 0;
}
.dl_docs img {
    position: relative;
    float: none;
    margin: 10px auto;
    border: 1px solid #ffaa00;
}
.dl_docs_titre {
    color: #ffaa00;
    font-size: 17px;
}
.docs_info:hover .dl_docs_titre, .docs_info:hover .docs_info_txt b  {
    color: #1e1e1e;
}
.dl_docs p b {
    border-bottom: 1px dotted #ffaa00;
}
.docs_plus {
    display: none;
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background: url('../images/plus-icon_mini.png') top left no-repeat;
}
#main {
    float: left;
    margin: 10px 20px 0 20px;
}
#main .media {
    border:none;
    float: left;
}
.iframepdf {
    border-color:#ffaa00;
}
#autre_documents {
    float: right;
    display: block;
    width: 118px;
    height: 54px;
    text-align: center;
    background: url('../images/document-autre-icone.png') top left no-repeat;
    margin: -80px 30px 0 0;
    color: #1e1e1e;
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
    padding: 74px 0 0 10px;
}
#autre_documents:hover {
    text-decoration: none;
    background: url('../images/document-autre-icone_over.png') top left no-repeat;
}

/* CONTACT */
#formulairecontact {
	float:left;
	width:670px;
	margin-top:10px;
	line-height:30px; 
	}
#formulairecontact h1 {
	font-size:15px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:18px; 
	}
#formulairecontact h2 {
	font-size:14px;
	color:#FFAA00;
	line-height:18px; 
	}
.formuligne, .formuligne2 {
    float: left;
    height:1px;
    overflow:hidden;
    background: #FFAA00;
}
.formuligne {
	width:312px;
	margin:0px 16px 0 6px;
}
.formuligne2 {
	width:645px;
	margin:40px 7px 0px 7px;
}
#formutitre1, #formutitre2 , #formutitre3 {
    float: left;
    height:30px;
    background: #000;
    border: #ffaa00 1px solid;
    text-align:center;
}
#formutitre1 {
	width:180px;
    margin: -16px 0 0 40px;
}
#formutitre2 {
	width:100px;
    margin: -16px 0 0 150px;
}
#formutitre3 {
	width:130px;
    margin: -16px 480px 0 40px;
}
.formubloccontact,.formubloccontact2 {
	float:left;
	margin:-16px 16px 0px 6px;
    border: #ffaa00 1px solid;
    border-top:none;
    padding:40px 0 10px 0;
	line-height:25px; 
	}
.formubloccontact {
	width:310px;
    height:160px; 
    margin-bottom: 30px;
	}
.formubloccontact2 {
	width:644px;
    height:200px;
	}
.demandecontact {
	float:left;
	width:95px;
	text-align:right;
    font-weight:bold;
    padding-right:5px;
	font-size:13px;
	line-height:36px; 
	}
.reponsecontact, .reponsecontact2 {
	float:left;
	line-height:35px; 
	text-align:left; 
	}
.reponsecontact {
	width:210px;
	}
.reponsecontact2 {
	width:535px; 
	}
.reponsecontact input, .reponsecontact select, .reponsecontact2 select, .reponsecontact2 textarea, .antispam input, .inputstyle {
    padding: 2px 5px;
    font-size: 15px;
    line-height: 18px;
    font-weight:bold;
    color: #1e1e1e;
    border: #FFAA00 2px solid;
    margin: 5px 0 7px 0;
}
.reponsecontact input:focus, .reponsecontact select:focus, .reponsecontact2 select:focus, .reponsecontact2 textarea:focus, .antispam input:focus, .inputstyle:focus {
    color: #343434;
    background: #ffaa00;
    border: #ccc 2px solid;
}
.civilite {
    width:110px;
}
.refinput {
    width:190px;
}
.choix {
    width:260px;
}
.txt {
    width:500px;
    height: 90px;
}
.antispam {
	float:left;
	width:450px;
	line-height:35px; 
	text-align:left; 
	margin:0px 0px 0px 105px;
	}
.oblitxt {
	float:left;
	margin:10px 0px 10px 10px;
}
.submitformu {
    height:30px;
    font-size:18px;
    font-weight: bold;
    line-height: 30px;
    color:#000;
    cursor: pointer;
    margin: 10px 0 10px 95px;
    padding: 0px 10px;
    background: url('../images/bouton02.png') top left repeat-x;
}
.submitformu:hover, .submitformu2:hover, .submitformubis:hover {
    background:  url('../images/bouton02_over.png') top left repeat-x;
    line-height: 30px;
    color:#ffaa00;
}
.submitformu2 {
	float:left;
    height:25px;
    font-size:18px;
    font-weight: bold;
    line-height: 25px;
    color:#000;
    margin: 0px 0 5px 10px;
    padding: 2px 10px;
    background: url('../images/bouton02.png') top left repeat-x;
}
.submitformubis {
    height:30px;
    font-size:18px;
    font-weight: bold;
    line-height: 30px;
    color:#000;
    margin: 10px 100px 10px 0;
    padding: 0px 10px;
    background: url('../images/bouton02.png') top left repeat-x;
}
#submit {
	float:left;
    width:645px;  
    border: #ffaa00 1px solid; 
    margin: 10px 0 0 5px;
}
#reponsecontact select, #reponsecontact1 select {
    width: 260px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight:bold;
    border: #FFAA00 2px solid;
    margin: 0px 0 6px 0;
}
#reponsecontact input, #reponsecontact1 input {
    width: 150px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 18px;
    font-weight:bold;
    border: #FFAA00 2px solid;
    margin: 0px 0 10px 0;
}
.formutxt {
	float:left;
	width:500px;
	margin-top:0px;
	margin-left:0px; 
	text-align:left;
}
#rdvcontact {
	float:left;
	width:153px;
    height: 130px;
    margin: 0px 0 50px 0;
    background: url(../images/bouton_rendez-vous_reservation_tiger.png) no-repeat top left;
	}
#rdvcontact a {
	display: block;
	width:153px;
    height: 130px;
    font-size: 16px;
    line-height:18px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #000;
	text-align:center; 
	}
#rdvcontact a:hover {
	text-decoration:none;
    color: #ffaa00;
	}
#rdvcontact a strong {
    color: #fff;
    line-height:50px;
	}
#rdvcontact a:hover strong {
    color: #000;
    line-height:50px;
	}
.obligatoire {
	color:#CC0000;
	font-size:20px;
	}
.champformu, .champformu2{
	margin-left:0px;
	margin-right:0px;
	margin-top:6px;
	margin-bottom:6px;
	font-size:16px;
	}

/* DEVELOPPEMENT MOBILE */
#developpement_mobile {
    float: left;
    width: 400px;
    height: 300px;
    margin: 0 0 0 100px;
}
#developpement_mobile img {
    border: none;
}

/* SERVICE ADMINISTRATION */
.police {
    float: left;
    width: 175px;
    margin: 10px 0 0 0;
}
.police li {
    font-size: 16px;
    line-height: 22px;
}
.fonh30 {
    float: left;
    height: 30px;
    color: #1e1e1e;
    font-size: 16px;
    padding: 0 15px;
    line-height: 30px;
    background: url('../images/taille_image/fond.png') repeat top left;
}
.fonh20 {
    float: left;
    height: 20px;
    color: #1e1e1e;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
    background: url('../images/taille_image/fond.png') repeat top left;
}

/* PLAN DE SITE */
.organigramme {
    float: left;
	width:640px;
    text-align:left;
	font-weight: bold;
    margin: 5px 0 0 0px;
    padding-top:0px;
	}
.orga {
    color:#417cba;
	font-weight: bold;
}
.section {
    float: left;
	width:600px;
    margin-top:5px;
    margin-bottom: 10px;
}
.section2 {
    float: left;
	width:559px;
    margin-bottom: 10px;
}
.section3 {
    float: left;
	width:318px;
}
.margin00100 {
    margin: 0 0px 10px 0; 
}
.orga a, .sousmenuplan a, .section .sousmenuplan2 a {
    color: #fff; 
    border-bottom: 1px dashed #ffaa00;
    font-size: 14px;
    text-decoration:none;
}
.sousmenuplan3 a {
    color: #fff; 
    border-bottom: 1px dashed #ffaa00;
    font-size: 12px;
    text-decoration:none;
}
.menuplan a {
    color: #ffaa00; 
    border-bottom: 1px dashed #fff;
    font-size: 14px;
    text-decoration:none;
}
.orga a:hover, .sousmenuplan a:hover, .section .sousmenuplan2 a:hover {
    color: #ffaa00;
    border-bottom: 1px solid #ffaa00;
    text-decoration:none;
}
.menuplan a:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration:underline;
}
.sousmenuplan2 a {
    color: #fff;
    text-decoration:none;
}
.sousmenuplan2 a:hover {
    color: #000;
    text-decoration:none;
}
.ligne01 {
	float:left;
	width:1px;
	height:1779px;
	background-color: #cbbb9d;
	margin:5px 0 40px 30px;
	}
.ligne011 {
	float:left;
	width:1px;
	height:220px;
	background-color: #cbbb9d;
	margin:5px 0 40px 30px;
	}
.ligne02 {
	float:left;
	width:20px;
	height:1px;
	background-color: #cbbb9d;
	margin-top:10px;
	}
 .menuplan {
	float:left;
	width:510px;
	height:21px;
	margin-left:5px;
	font-size:14px;
    color: #ffaa00;
    text-align: justify;
	font-weight: bold;
	line-height:20px;
	}
.ligne03 {
	float:left;
	width:1px;
	background-color: #cbbb9d;
	margin-left:40px;
	margin-top:0px;
    overflow:hidden;
	}
.h84 {
	height:84px;
	}
.h39 {
	height:39px;
	}
.h24 {
	height:24px;
	}
.h38 {
	height:38px;
	}
.h47 {
	height:47px;
	}
.h67 {
	height:67px;
	}
.h125 {
	height:125px;
	}
.h142 {
	height:142px;
	}
.h161 {
	height:161px;
	}
.h277 {
	height:277px;
	}
.h555 {
	height:555px;
	}
.h584 {
	height:584px;
	}
.h600 {
	height:600px;
	}
.ligne036 {
	height:55px;
	margin-top:-10px;
	margin-left:160px;
	}
.ligne04 {
	float:left;
	width:20px;
	height:1px;
	background-color: #cbbb9d;
	margin-top:8px;
	}
.sousmenuplan, .sousmenuplan2, .sousmenuplan3 {
	float:left;
	width:520px;
	font-size:12px;
    margin: -10px 0 0px 25px;
	font-weight: bold;
	line-height:16px;
    height: 20px;
	}
.sousmenuplan2 {
	width:530px;
}
.plandescription {
	font-size:12px;
	line-height:18px;
    color: #fff;
    font-weight:normal;
	}


/* COMMUN AU SITE */
.prendrecontact, .prendrerdv {
    float: left;
    height: 90px;
    line-height: 19px;
    border: 1px #000 solid;
}
.prendrecontact {
    width: 280px;
    margin: 10px 30px 10px 0px;
}
.prendrerdv {
    width: 320px;
    margin: 10px 0px 10px 10px;
}
.prendrecontact:hover, .prendrerdv:hover {
    border: 1px #ffaa00 solid;
}
.prendrecontact a, .prendrerdv a {
    display: block;
}
.prendrecontact a:hover, .prendrerdv a:hover {
    text-decoration: none;
}
.prendrecontact a img, .prendrerdv a img {
    margin: 0px;
    border: none;
}
.prendreimg {
    float: left;
    width: 90px;
    height: 90px;
}
.prendretxt {
    float: left;
    width: 180px;
    height: 80px;
    padding: 5px;
}
.prendretxtbis {
    float: left;
    width: 220px;
    height: 80px;
    padding: 5px;
}
.width300 {
    width: 300px;
}
.margin00040 {
    margin: 0 0 0 40px;
}
.margin00010 {
    margin: 0 0 0 10px;
}
.vam {
	vertical-align:middle;
	margin-top: 0px;
	margin-bottom: 0px;
}
.left {
    float:left;
}
.width450 {
    width: 450px;
}
.width420 {
    width: 420px;
}
.width400 {
    width: 400px;
}
.width380 {
    width: 380px;
}
.contenu_txt .width380 {
    width: 380px;
}
.width642 {
    width: 622px;
}
.width645 {
    width: 645px;
}
.width210 {
    width: 210px;
}
.margin0 {
    margin: 0;
}
a, #defilementbox a , #piedpage a:hover
    {color:#ffaa00;outline-style:none;text-decoration:none;}
a:hover  
    {color:#fff;outline-style:none;text-decoration:underline;}
#identification a 
    {display:block;width:160px;text-align:left;font-size:11px;line-height: 22px;}
#contact_accueil a 
    {float:left;font-size:15px;display:block;width:250px;height:30px;line-height:30px;background: url(../images/bouton01.png) top left no-repeat;color:#fff;margin:5px 10px;}
#contact_accueil a:hover, #contact_accueil .orange:hover  
    {background: url('../images/bouton01_over.png') top left no-repeat;color:#1e1e1e;text-decoration:none;}
#contact_accueil .orange 
    {float:left;font-size:15px;display:block;width:250px;height:30px;line-height:30px;background: url(../images/bouton01.png) top left no-repeat;color:#ffaa00;margin:5px 10px;font-weight: bold;}
#piedpage a, #coord a, #partenaires a, #partenaires a:hover 
    {color:#fff;}
#coord a, #defilementbox a:hover 
    {color:#fff;border-bottom:1px dotted #fff;}
#coord a:hover 
    {border-bottom:1px solid #fff;text-decoration:none;}
.demo li a, .demo2 li a {
    color: #fff; border-bottom: #ffaa00 1px dotted; text-decoration:none;}
.demo li a:hover, .demo2 li a:hover {
    color: #ffaa00; border-bottom: #ffaa00 1px dotted; text-decoration:none;  }
.underline, .underlineover:hover {
    text-decoration:underline;
}
.italic {
    font-style:italic;
}
.underlinebold {
    font-weight:bold;
    text-decoration:underline;
}
.referencement {
    float: left;
    width:0px;
    height: 0px;
    overflow: hidden;
}
img {
    border: none;
}
.eglantine {
    margin: -30px 0 0 220px;
}
.orangetooeasy {
    color: #ffaa00;
}
.blogh3 {
    position: relative;
    z-index: 12;
    background: url(../images/propose_par_TooEasy.png) top left no-repeat;
    width: 375px;
    height: 50px;
    font-size: 26px;
    line-height: 30px;
    text-align: left;
    color: #1e1e1e;
    font-family : papyrus;
    margin: -10px 0 -25px 20px;
    padding: 40px 0 0 55px
}