body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
img {border:0;}

body {
	text-align:center;
	color:#444;
	font-family:Verdana, Arial, Georgia;
	background-color:#F5F5F5;
	font-size:11px;
	background-color:#d9dfe1;
	background:#bcbcbe url(/img/bg_body_001.png) repeat-x top left;
}

* {
margin:0;
padding:0;
border:0 none;
font-style:normal;
font-size:100%;
list-style-type:none;
text-align:left;
text-decoration:none;
font-family:Verdana, Arial, Georgia;
}

.cleaner {
	clear:both;
	height:0;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	line-height:1px;
	background:transparent;
}

small { font-size: smaller; }
big { font-size: larger; }

/* ---- Liens ---- */
a	{ 
	background:transparent; 
	text-decoration: none;	
}

a:link,
a:visited {
	color:#022F3E;
	text-decoration:none;
}

a:focus,
a:hover { 
	color:#0795C0;
	text-decoration:underline;
}

/* ---- Elements formulaire ---- */
input,
select {
	border:1px solid #7F9DB9;
	font-family:Verdana,Arial;
}

select {
	font-size:11px;
	padding:1px;
	font-family:Verdana, Georgia, Arial;
}

select option {
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Georgia, Arial;
}

option.titreliste {
	font-style:italic;
}

fieldset {
	border:1px #999 solid;
	padding:10px;
}

fieldset legend {
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	font-size:14px;
}

form ul li {
	list-style:none;
	padding:5px;
}

form ul li label {
	float:left;
	vertical-align:top;
	width:180px;
	text-align:right;
	clear:left;
	padding-right:3px;
}

form ul li.center {
	text-align:center;
	padding-top:10px;
}

form span.obligatoire {
	color:#FF0033;
	padding-left:1px;
	font-weight:600;
}

form .text {
	border:1px solid #3F5F01;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	background-color:#F4FFD7;
}

form .itext {
	border:1px solid #7F9DB9;
	padding-left:2px;
	padding-right:2px;
	background-color:#FFF;
}

form .idisabled {
	background-color:#EEE;
}


form .itextfocus {
	border:1px solid #6C859C;
	padding-left:2px;
	padding-right:2px;
	background-color:#DBFFF8;
}

form input.text,
form input.itext,
form input.itextfocus {
	width:120px;
	height:16px;
	padding-left:4px;
	padding-right:4px;
}

form input.button,
form a.ibutton,
form a.ibuttonfocus {
	text-align:center;
	vertical-align:middle;
	background-color:#009DD4;
	color:#FFF;
	border:1px solid #06769D;
	font-weight:600;
	height:20px;
	padding-left:1px;
	padding-right:1px;
	font-family:Arial, Georgia, Verdana;
}

form input.buttonfocus {
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	border:1px solid #089BC8;
	background-color:#00BBFF;
	font-weight:600;
	height:20px;
	padding-left:1px;
	padding-right:1px;
	font-family:Arial, Georgia, Verdana;
}

form textarea.itext,
form textarea.itextfocus {
	width:220px;
}

.msgerror {
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	border-top:2px solid #BB0000;
	border-bottom:2px solid #BB0000;
	color:#CC0000;
	text-align:left;
	padding-left:70px;
	background:#FFDDD9 url(/img/warning001.png) center no-repeat;
	background-position:10px 50%;
}

.msginfo {
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
	border-top:1px solid #009DD4;
	border-bottom:1px solid #009DD4;
	padding-left:50px;
	background:#E9F2F5 url(/img/info_001.png) center no-repeat;
	background-position:10px 50%;
}

.msginfo ul li {
  list-style:url(/img/arrow04.png) inside;
  text-align:justify;
}

/* ---- Page ---- */
#page {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:984px;
}

/*
/* ---[[ Header ]]--- 
*/
#bannieretop {
	height:92px;
	width:100%;
	border-right:1px solid #08171c;
	border-left:1px solid #08171c;
}
#header {
	width:100%;
	text-align:center;
	height:152px;
	background:#022F3E url(/img/header_bandeau_005.jpg) no-repeat top right;
	border-right:1px solid #08171c;
	border-left:1px solid #08171c;
	border-bottom:1px solid #000;
	position:relative;
}

#logo {
	position:absolute;
	left:32px;
	top:38px;
	height:68px;
	width:240px;
}

#logo a {
	text-decoration:none;
}

#baseline {
	position:absolute;
	left:103px;
	top:95px;
	height:40px;
	width:240px;
	color:#94c9db;
}

#navmain {
	position:absolute;
	left:0px;
	top:127px;
	height:24px;
	width:100%;
}

#navmain #navrubriques {
	position:absolute;
	left:226px;
	top:0px;
	height:26px;
	overflow:hidden;
}

#navmain div.container2 ul {
    position:relative;
    padding:0;
	list-style-type:none;
	float:left;
	position:relative;
}

#navmain #navrubriques ul li {
	float:left;
	height:26px;
	cursor:hand;
}

#navrubriques ul li a:link,
#navrubriques ul li a:visited {
	float:left;
	margin:0;
    padding:0;
    height:26px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-right:20px;
	font-size:11px;
	font-family:Verdana,Arial,Georgia;
	line-height:26px;
	background:transparent url(/img/header_tabs_001.png) no-repeat top right;
}

#navrubriques ul li.orange a:link,
#navrubriques ul li.orange a:visited {
	background-position:100% -52px;
}

#navrubriques ul li.selection a:link,
#navrubriques ul li.selection a:visited,
#navrubriques ul li.selection a:hover,
#navrubriques ul li.selection a:focus {
	background-position:100% -26px;
	color:#3da546;
}

#navrubriques ul li a:focus,
#navrubriques ul li a:hover {
	text-decoration:underline;
}

/*
/* ---[[ Zone centrale, le contenu ]]--- 
*/
#content {
	position:relative;
	width:100%;
	overflow: hidden;
	border-right:1px solid #297e97;
	border-left:1px solid #297e97;
	background:transparent url(/img/content_bg_003.png) repeat-y top left;
}

#colleft {
	position: relative;
	float:left;
	width:182px;
	padding-top:15px;
	border-top:1px solid #58B4D4;
}

#colmiddle {
	position: relative;
	float:left;
	width:588px;
}

#colmiddle .container {
	padding:10px;
	padding-top:15px;
	padding-left:20px;
}

#colright {
	position: relative;
	float:right;
	width:199px;
	padding-top:15px;
	border-top:1px solid #58B4D4;
}

#colleft div.block {
	float:right;
	width:165px;
	margin-bottom:20px;
}

#colright div.block {
	float:left;
	width:180px;
	margin-bottom:20px;
}

#colleft div.block dl dd.contentblock,
#colright div.block dl dd.contentblock {
	background:#FFF url(/img/colleft_block_bg_0002.png) repeat-y left;
	padding:10px;
	padding-left:15px;
	padding-bottom:15px;
}

#colright div.block dl dd.contentblock {
	background:#FFF url(/img/colright_block_bg_0002.png) repeat-y right;
}

#colleft div.clientMenu dl dd.contentblock{
	background:#FFF url(/img/colleft_block_bg_0003.png) repeat-y right;
}

#colleft div.block dl dd.contentblock p strong,
#colleft div.block dl dd.contentblock ul li strong,
#colright div.block dl dd.contentblock p strong{
	font-weight:normal;
}

#colleft div.block dl dt.titleblock,
#colright div.block dl dt.titleblock {
	font-size:12px;
	background:transparent url(/img/colleft_block_dt_bg_0002.png) no-repeat bottom right;
	text-align:right;
	color:#000;
	padding-right:15px;
	height:17px;
	padding-top:3px;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
}

#colright div.block dl dt.titleblock {
	background:transparent url(/img/colright_block_dt_bg_0002.png) no-repeat bottom left;
	text-align:left;
	padding-left:15px;
}

#colleft div.clientMenu dl dt.titleblock{
	background:transparent url(/img/colleft_block_dt_bg_0003.png) no-repeat bottom right;
}

#colleft div.tests dl dt.titleblock{
	background:transparent url(/img/colleft_block_dt_bg_0004.png) no-repeat bottom right;
}

#colleft div.block dl dd.contentblock p,
#colright div.block dl dd.contentblock p {
	font-size:11px;
	color:#000;
	font-weight:normal;
	padding-bottom:5px;
}

div.block dl dd.contentblock span.raquo {
	color:#FFFFFF;
	font-size:12px;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	padding-right:3px;
}

div.block dl dd.contentblock a:link img,
div.block dl dd.contentblock a:visited img {
	text-align:center;
	border:1px solid #CCC;
	margin-top:3px;
	margin-bottom:3px;
}

div.block dl dd.contentblock a:focus img,
div.block dl dd.contentblock a:hover img {
	border:1px solid #009DD5;
}


div.block ul {
	border:none;
	padding-bottom:15px;
	padding-left:2px;
}

div.block ul.all {
	border:none;
	padding:0px;
	padding-left:2px;
}

div.block ul li {
	color:#545454;
	font-weight:600;
	line-height:15px;
}

div.block ul li.date {
	color:#FFF;
	font-size:11px;
	font-family:Verdana,'Trebuchet', Arial;
}

div.block ul li a:link,
div.block ul li a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

div.block ul li a:focus,
div.block ul li a:hover,
#colright div.temoignages dl dd.contentblock div a:focus,
#colright div.temoignages dl dd.contentblock div a:hover {
	color:#DBFFF8;
	text-decoration:underline;
}

div.block ul li a.ensavoirplus:link,
div.block ul li a.ensavoirplus:visited {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

div.block ul li a.ensavoirplus:focus,
div.block ul li a.ensavoirplus:hover {
	color:#DBFFF8;
	text-decoration:underline;
}

div.block dl dd.contentblock ul.coordonnees1 li {
	text-align:center;
	font-size:11px;
	color:#000;
	font-weight:normal;
}

div.block dl dd.contentblock ul.coordonnees1 li.tel,
div.block dl dd.contentblock ul.coordonnees1 li.email {
	padding-top:5px;	
}

.raquo,
.laquo {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:900;
	color:#3DA546;
}

div.block ul li.phrase {
	color:#6093BA;
}

div.block ul li.phrase span.doublequote,
div.block ul li span.prenom {
	color:#000;
}

div.block ul li span.ville {
	color:#E90080;
}

#colleft div.tests dl dd.contentblock {
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	background:#FFF url(/img/colleft_block_bg_0004.png) repeat-y right;
}

#colleft div.tests dl dd.contentblock,
#colleft div.tests dl dd.contentblock p,
#colleft div.contact dl dd.contentblock,
#colleft div.contact dl dd.contentblock p,
#colleft div.plaquette dl dd.contentblock,
#colleft div.plaquette dl dd.contentblock p {
	text-align:center;
}

#colleft div.realisation dl dd.contentblock,
#colleft div.realisation dl dd.contentblock p {
	text-align:center;
}

#colleft div.plaquette dl dd.contentblock a:link img,
#colleft div.plaquette dl dd.contentblock a:visited img,
#colleft div.plaquette dl dd.contentblock a:focus img,
#colleft div.plaquette dl dd.contentblock a:hover img {
	border:none;
}

#colright div.partenaires dl dd.contentblock ul {
	padding:0px;
	margin:0px;
}

#colright div.partenaires dl dd.contentblock ul li {
	text-align:center;
}

#colright div.partenaires dl dd.contentblock ul li.linktxt {
	font-weight:normal;
}

#colright div.partenaires dl dd.contentblock ul li.linkimg {
	padding-bottom:15px;
}

#colright div.temoignages dl dd.contentblock div {
	text-align:center;
}

#colright div.temoignages dl dd.contentblock div p.texte {
	color:#FFF;
	font-size:12px;
	padding-right:10px;
	text-align:center;
}

#colright div.temoignages dl dd.contentblock div p.texte span.opendoublequotes,
#colright div.temoignages dl dd.contentblock div p.texte span.closedoublequotes {
	font-weight:bold;
	font-size:14px;
	color:#666;
	font-family:"Trebuchet MS", Arial, Verdana, Georgia;
	padding-left:2px;
	padding-right:2px;
}

#rotationimages001 {
	text-align:center;
	padding-top:5px;
}

#colleft div.actualite ul.all li {
	padding-left:11px;
	background:transparent url(/img/arrow01.png) no-repeat center left;
}

#colleft div.recherche form input.itext,
#colleft div.recherche form input.itextfocus {
	width:90px;
}

#colmiddle {
	text-align:left;
}

#colmiddle a:link,
#colmiddle a:visited {
	color:#0795C0;
	text-decoration:none;
}

#colmiddle a:focus,
#colmiddle a:hover { 
	color:#09BCF2;
	text-decoration:underline;
}

#colmiddle div.filariane {
	padding:10px;
	padding-top:16px;
	padding-left:20px;
	padding-bottom:0px;
}

#colmiddle div.filariane span.selection,
#colmiddle div.filariane a:link,
#colmiddle div.filariane a:visited,
#colmiddle div.filariane a:focus,
#colmiddle div.filariane a:hover {
	font-weight:bold;
}

#colmiddle hr {
	margin-top:5px;
	background-color:#FFF;
	color:#FFF;
	width:100%;
	border-bottom:1px dotted #666;
}

#colmiddle div.filariane span.separateur {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:900;
	color:#3DA546;
}

#colmiddle h2 {
	font-size:18px;
	color:#3DA546;
	font-family:Arial, Helvetica, Sans-Serif;
}

#colmiddle div p {
	padding-top:5px;
	color:#022F3E;
	padding-bottom:10px;
	text-align:justify;
}

#colmiddle dl.caracteristiques,
#colmiddle dl.services {
	margin:10px;
	margin-left:15px;
}

#colmiddle dl.caracteristiques dt,
#colmiddle dl.services dt {
	padding-bottom:10px;
}

#colmiddle dl.caracteristiques dd,
#colmiddle dl.services dd {
	padding-bottom:3px;
	text-align:left !important;
}

#colmiddle dl.puce001 dd,
#colmiddle dl.caracteristiques dd,
#colmiddle dl.services dd {
	background:transparent url(/img/arrow02.png) no-repeat center left;
	padding-left:12px;
}

#colmiddle span.engagement {
	color:#888888;
	font-style:italic;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

#colmiddle div.hautdepage {
	margin:10px;
	margin-left:4px;
	margin-bottom:5px;
	padding-left:18px;
	background:transparent url(/img/hautdepage_001.png) no-repeat center left;
}


#colmiddle a.button:link,
#colmiddle a.button:visited,
#colmiddle input.ibutton,
#colmiddle input.ibuttonfocus {
	padding:5px;
	color:#FFF;
	border:1px solid #06769D;
	font-weight:600;
	padding-left:28px;
	padding-right:10px;
	background:#009DD4 url(/img/arrow03_link.png) no-repeat center left;
	font-family:Verdana,Georgia,Arial;
}

#colmiddle input.ibutton,
#colmiddle input.ibuttonfocus,
#colmiddle input.ibuttongreen,
#colmiddle input.ibuttongreenfocus {
	padding-top:2px;
	padding-bottom:2px;
}

#colmiddle a.button:focus,
#colmiddle a.button:hover,
#colmiddle input.ibuttonfocus {
	border:1px solid #089BC8;
	background:#00BBFF url(/img/arrow03_hover.png) no-repeat center left;
}

#colmiddle a.buttongreen:link,
#colmiddle a.buttongreen:visited,
#colmiddle input.ibuttongreen,
#colmiddle input.ibuttongreenfocus {
	padding:5px;
	color:#FFF;
	border:1px solid #002C00;
	font-weight:600;
	padding-left:28px;
	padding-right:10px;
	background:#006600 url(/img/arrow04_link.png) no-repeat center left;
	font-family:Verdana,Georgia,Arial;
}

#colmiddle a.buttongreen:focus,
#colmiddle a.buttongreen:hover,
#colmiddle input.ibuttongreenfocus {
	border:1px solid #006600;
	background:#009000 url(/img/arrow04_hover.png) no-repeat center left;
}

#colmiddle div.container table.partenaires tr td {
	vertical-align:top;
	padding-bottom:20px;
	text-align:justify;
}

#colmiddle div.container table.partenaires tr td.logo {
	padding-right:15px;
}

#popupContent h2 {
	font-size:16px;
	color:#3F5F01;
}

#popupContent h4 {
	font-size:12px;
	color:#999;
	font-weight:normal;
}

#envoyeraunami form ul li {
	list-style:none;
	padding:5px;
}

#envoyeraunami form ul li label {
	float:left;
	vertical-align:top;
	width:140px;
	text-align:right;
	clear:left;
	padding-right:3px;
}

#envoyeraunami form ul li.center {
	text-align:center;
	padding-top:10px;
}

#envoyeraunami form span.obligatoire {
	color:#FF0033;
	padding-left:1px;
	font-weight:600;
}

#envoyeraunami form .text {
	border:1px solid #3F5F01;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	background-color:#F4FFD7;
}

#envoyeraunami form input.text {
	width:120px;
	height:15px;
}

#colright div.recommandezcesite a:link,
#colright div.recommandezcesite a:visited,
#colright div.favoris a:link,
#colright div.favoris a:visited,
#colleft div.tests a:link,
#colleft div.tests a:visited {
	color:#000;
	font-size:11px;
	text-decoration:none;
	padding-right:15px;
	background:transparent url(/img/arrow01.png) no-repeat bottom right;
}

#colleft div.contact a:link,
#colleft div.contact a:visited {
	color:#FFFFFF;
}

#colleft div.tests a:link,
#colleft div.tests a:visited {
	padding-right:0px;
	background:none;
}

#colright div.recommandezcesite a:focus,
#colright div.recommandezcesite a:hover,
#colright div.favoris a:focus,
#colright div.favoris a:hover,
#colleft div.plaquette a:focus,
#colleft div.plaquette a:hover,
#colleft div.contact a:focus,
#colleft div.contact a:hover,
#colleft div.tests a:focus,
#colleft div.tests a:hover {
	color:#DBFFF8;
	text-decoration:underline;
}

#colright div.newsletter form input.itext,
#colright div.newsletter form input.itextfocus {
	width:100px;
}


#colright div.lesitedelasemaine dl dd {
	text-align:center;
}

#colright div.lesitedelasemaine dl a:link,
#colright div.lesitedelasemaine dl a:visited {
	color:#000;
	text-decoration:none;
}

#colright div.lesitedelasemaine dl a:focus,
#colright div.lesitedelasemaine dl a:hover {
	color:#DBFFF8;
	text-decoration:underline;
}

#colright div.partenaireassj {
	float:right;
	width:198px;
}
	
#colright div.partenaireassj div.container {
	position:relative;
	width:186px;
	height:80px;
	margin:0 auto;
	cursor:hand;
	background:transparent url(/img/bg_bloc_assj_001.png) no-repeat bottom right;
}

#colright div.partenaireassj div.container p {
	position:relative;
	padding-left:7px;
	padding-right:55px;
	padding-top:20px;
	text-align:center;
	cursor:hand;
}

#colright div.partenaireassj div.container p a:link,
#colright div.partenaireassj div.container p a:visited {
	color:#012f3e;
	text-decoration:none;
}

#colright div.partenaireassj div.container p a:focus,
#colright div.partenaireassj div.container p a:hover {
	color:#012f3e;
	text-decoration:underline;
}

#colleft div.realisation a:link,
#colleft div.realisation a:visited {
	color:#006082;
	text-decoration:none;
}

#colleft div.realisation a:focus,
#colleft div.realisation a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#colright div.sondage form {
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:600;
	color:#737373;
}


#colmiddle div.siteinternet,
#colmiddle div.realisation,
#colmiddle div.siteinternet p {
	padding-top:5px;
	color:#666666;
}

#colmiddle div.navhistory {
	width:100%;
}

#colmiddle div.navhistory div.precedent {
	position: relative;
	float:left;
	width:250px;
	text-align:left;
	padding-bottom:10px;
}

#colmiddle div.navhistory div.suivant {
	position: relative;
	float:right;
	width:250px;
	text-align:right;
	padding-bottom:10px;
}

#colmiddle div.siteinternet div.photo img {
	border:1px solid #022F3E;
}

#colmiddle div.siteinternet div.photo {
	float:left;
	width:130px;
	height:90px;
}

#colmiddle div.siteinternet div.presentation div.titre a:link,
#colmiddle div.siteinternet div.presentation div.titre a:visited {
	font-size:14px;
	color:#3DA546;
}

#colmiddle div.siteinternet div.presentation div.chapo {
	padding-top:10px;
	padding-bottom:10px;
}

#colmiddle div.siteinternet div.presentation div.accroche {
	padding:10px;
	text-align:center;
	font-size:12px;
	font-weight:Bold;
	line-height:18px;
	color:#FF6600;
}

#colmiddle div.siteinternet p.contact {
	color:#333333;
}

/*
/* ---[[ Footer ]]--- 
*/
#footer {
	clear:both;
	width:100%;
	text-align:center;
	position:relative;
	border-right:1px solid #297e97;
	border-left:1px solid #297e97;
	border-bottom:1px solid #297e97;
	background:#029dd0 url(/img/bg_footer_001.png) no-repeat center top;
}

#footer span.copyright {
	color:#FFF;
	text-align:center;
}

#footer span.copyright strong {
	font-weight:normal;
}

#footer span.adresse,
#footer span.adresse a:link,
#footer span.adresse a:visited,
#footer p,
#footer p a:link,
#footer p a:visited {
	padding-top:10px;
	color:#999;
	text-align:center;
}

#footer p {
	font-size:10px;
}

#footer div.navfooter {
	padding-bottom:10px;
}

#footer div.navfooter ul {
	border:none;
	padding-top:3px;
	text-align:center;
}

#footer div.navfooter ul li {
	display:inline;
	color:#5E8C01;
}

#footer div.navfooter ul li a:link,
#footer div.navfooter ul li a:visited {
	color:#022F3E;
	text-decoration:none;
	font-family:Verdana,Georgia,Arial;
}

#footer div.navfooter ul li a:focus,
#footer div.navfooter ul li a:hover {
	color:#0795C0;
	text-decoration:underline;
}

/*
/* ---[[ Page "Accueil" ]]--- 
*/
#accueil h1 {
	color:#3DA546;
	font-size:24px;
}

#accueil p {
	padding-top:5px;
	font-size:12px;
	line-height:20px;
}

#accueil ul.presentation {
	padding-top:20px;
}

#accueil ul.presentation li {
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#accueil h2.title {
	color:#009DD5;
	font-size:16px;
	padding-bottom:5px;
}

#accueil ul.presentation dl {
	float:left;
}

#accueil ul.presentation dl dd {
	background:transparent url(/img/arrow02.png) no-repeat center left;
	padding-left:12px;
}

#accueil ul.presentation dl dd a:link,
#accueil ul.presentation dl dd a:visited {
	color:#022F3E;
	text-decoration:none;
}

#accueil ul.presentation dl dd a:focus,
#accueil ul.presentation dl dd a:hover {
	color:#0795C0;
	text-decoration:underline;
}

#accueil ul.presentation li.row1 {
	background:transparent url(/img/hprow1_001.png) no-repeat center left;
	padding-left:70px;
	margin-left:10px;
}

#accueil ul.presentation li.row2 {
	background:transparent url(/img/hprow2_001.png) no-repeat center left;
	padding-left:70px;
	margin-left:49px;
}

#accueil ul.presentation li.row3 {
	background:transparent url(/img/hprow3_001.png) no-repeat center left;
	padding-left:70px;
	margin-left:32px;
}

#accueil ul.presentation div.slogan {
	float:left;
	color:#FF6600;
	font-size:14px;
	padding-left:40px;
	font-style:italic;
	font-weight:bold;
	margin-top:0px;
}

#accueil ul.btnaction,
div.formule ul.action {
	text-align:center;
	padding-top:15px;
	padding-bottom:30px;
}

#accueil ul.btnaction li,
div.formule ul.action li {
	display:inline;
	padding:15px;
}


#accueil div.pub {
	margin-top:18px;
	background:transparent url(/img/hp_pub_001.jpg) no-repeat bottom left;
	padding-left:60px;
	margin-left:32px;
}

#accueil div.pub p {
	color:#006600;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}

#accueil div.pub span.nb {
	color:#666666;
}

/*
/* ---[[ Page "Les formules" ]]--- 
*/
div.prestations div h3 {
	font-size:12px;
	background-color:#3DA546;
	padding-top:8px;
	padding-bottom:8px;
	font-style:italic;
	text-align:center;
}

div.prestations div.lesformulesauto {
	position:relative;
	margin-bottom:10px;
}

div.prestations div.lesformulesauto p,
div.prestations div.autresformules p {
	text-align:justify;
}

div.prestations div.services ul li.serviceblock,
div.prestations div.lesformulesauto ul li {
	float:left;
	display:block;
	margin-right:15px;
	margin-top:5px;
	border:0;
}

div.prestations dl.formule,
div.prestations div.formule {
	width:160px;
	margin-right:8px;
	margin-bottom:10px;
	border:1px solid #006600;
	text-align:center;
	background:transparent url(/img/formule_bg_0003.jpg) no-repeat bottom right;
}

#formuleauditpositionnement,
div.autresformules div.formule {
	width:550px;
}

div.prestations p.slogan {
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	text-align:center !important;
	height:50px;
	font-weight:normal;
	color:#0795C0 !important;
}

div.prestations dl p.slogan strong,
div.prestations div.formule p.slogan strong {
	font-weight:normal;
}

div.prestations dl dd {
	text-align:center;
}

div.prestations dl dd.prix {
	color:#FF6D09;
	margin-bottom:20px;
}

div.prestations dl dd.button {
	margin-bottom:20px;
	font-size:11px;
}

div.prestations div.autresformules div.formule p {
	height:20px;
}

div.prestations #laformule h2 span.type {
	color:#5A8700;
}

div.prestations dl.formule h3,
div.prestations div.formule h3 {
	font-size:12px;
	color:#014001;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	font-style:italic;
}

div.prestations dl.formule h3 span.type,
div.prestations div.formule h3 span.type {
	font-style:italic;
	color:#FFFFFF;
	font-size:13px;
}

div.prestations div.formule ul,
div.prestations ul.autresprestations {
	padding-top:5px;
	border:none;
}

div.prestations div.formule ul li {
	color:#5A8700;
}

div.prestations dl.formule span.prixmensuel,
div.prestations div.formule span.prixmensuel {
	font-weight:bold;
	font-size:20px;
	color:#FF6D09;
}

div.prestations div.formule p.prix {
	padding-bottom:5px;
}

div.prestations div.containerbutton {
	text-align:center;
}

div.prestations div.formule a.button:link,
div.prestations div.formule a.button:visited,
div.prestations div.autresformules a.button:link,
div.prestations div.autresformules a.button:visited,
div.prestations #formuleauditpositionnement a.button:link,
div.prestations #formuleauditpositionnement a.button:visited {
	width:140px;
}

div.prestations div.autresformules a.button:link,
div.prestations div.autresformules a.button:visited {
	width:200px;
}

/*
/* ---[[ Page "Créez votre site" ]]--- 
*/
#creationcompte table.etapes {
	margin-left:40px;
}


#creationcompte table.etapes tr {
	height:30px;
}

#creationcompte table.etapes tr td.numerook,
#creationcompte table.etapes tr td.numeroselect,
#creationcompte table.etapes tr td.numero {
	background-color:#E3E9FD;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
	font-weight:bold;
	color:#5A8700;
}

#creationcompte table.etapes tr td.numero {
	color:#A2BB71;
}

#creationcompte table.etapes tr td.numeroselect {
	background:#E3E9FD url(/img/fleche_droite_01.gif) no-repeat center right;
}

#creationcompte table.etapes tr td.texteok,
#creationcompte table.etapes tr td.texteselect,
#creationcompte table.etapes tr td.texte {
	background-color:#E7FDAA;
	padding:5px;
	width:250px;
}

#creationcompte table.etapes tr td.texte {
	background-color:#F1FFC9;
}

#creationcompte table.etapes tr td.texteselect {
	background-color:#D5FF63;
}

#creationcompte table.etapes tr td.texteok span.titre,
#creationcompte table.etapes tr td.texteselect span.titre {
	font-weight:bold;
	color:#5A8700;
}

#creationcompte table.etapes tr td.texte span.titre {
	color:#A2BB71;
	font-weight:bold;
}

#creationcompte table.etapes tr td.texte span.choix {
	font-weight:bold;
}

#creationcompte table.etapes tr td.etat {
	width:50px;
	background-color:#EAFDC4;
}

/*
/* ---[[ Page "Nous contacter" ]]--- 
*/
div.contact form {
	padding-left:30px;
}

div.contact fieldset {
	border:1px #999999 solid;
	padding:10px;
	width:480px;
	margin-bottom:10px;
}

div.contact ul {
	margin-top:10px;
	font-size:12px;
	line-height:20px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
}

div.contact form .icheckbox,
div.contact form .iradio {
	border:none;
}

div.contact form ul li {
	padding:5px;
	padding-left:3px;
	padding-right:2px;
	clear:both;
}

div.contact ul li.societe {
	font-weight:bold;
}

div.contact ul li span.titrebloc {
	vertical-align:top;
	width:220px;
	text-align:right;
	padding-right:3px;
}

div.contact form ul li label {
	width:220px;
}

div.contact form ul li.checkbox {
	padding:0px;
	padding-left:5px;
}

div.contact form ul li.checkbox input.icheckbox {
	margin-left:222px;
	margin-right:2px;
}

div.contact form ul li.checkbox label {
	float:none;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

div.contact form input.button {
	padding-left:10px;
	padding-right:10px;
	margin-left:150px;
}

div.contact form input.itext,
div.contact form input.itextfocus {
	width:180px;
	height:15px;
}

div.contact form input.icheckbox {

}

div.contact form label.nesaispas {
	font-weight:bold;
	font-style:italic;
}

div.contact p.cnil {
	color:#777;
	font-size:10px;
	border-bottom:1px solid #ABB88B;
	border-top:1px solid #ABB88B;
	padding:5px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

div.contact a:link,
div.contact a:visited {
	font-size:12px;
}

div.contact div.complement {
	margin-top:10px;	
}

div.contact p{
	padding-top:5px;
	font-size:11px;
	color:#5A8700;
	padding-bottom:10px;
}

/*
/* ---[[ Page "Plan du site" ]]--- 
*/
div.sitemap dl.level0 {
	padding:10px;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
}

div.sitemap dl.level1 {
	font-weight:normal;
}

div.sitemap dl.level1 dt {
	font-weight:bold;
}
	
div.sitemap dl.level1 dd {
	padding-left:20px;
	font-size:11px;
}

/*
/* ---[[ Page "Formule Site Internet" ]]--- 
*/
div.formulesite div.dnsloading,
div.formulesite div.dnsdispo,
div.formulesite div.dnsnodispo {
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	background:#FFF url(/img/loading_001.gif) no-repeat 5% 50%;
	border:1px #999 solid;
	padding:20px;
	padding-left:80px;
	font-weight:normal;
}

div.formulesite div.dnsdispo {
	background:#FFF url(/img/ok_001.gif) no-repeat 5% 50%;
}

div.formulesite div.dnsdispo b {
	color:#3DA546;
}

div.formulesite div.dnsdispo .attention {
	color:#E00000;
	font-weight:bold;
}

div.formulesite div.dnsnodispo {
	background:#FFF url(/img/ko_001.gif) no-repeat 5% 50%;
}

div.formulesite div.dnsnodispo b {
	color:#E00000;
}

div.formulesite div.isclient {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:200px;
	font-size:12px;
	border-top:1px solid #009DD4;
	border-bottom:1px solid #009DD4;
	background-color:#E9F2F5;
}

div.formulesite dl dt {
	color:#009DD5;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}

div.formulesite p {
	text-align:justify;
}

div.formulesite li span.exemple {
	color:#AAA;
	font-size:10px;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

div.formulesite li.separator,
div.formulesite .separator {
	border-bottom:1px dotted #CCC;
	font-size:1px;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}

div.formulesite table.tablerecap {
	width:100%;
	border-left: 1px solid #C1DAD7;
}

div.formulesite table.tableinfoclient {
	width:100%;
}

div.formulesite table.tablerecap caption,
div.formulesite table.tableinfoclient caption{
	padding-bottom:5px;
	font-weight:bold;
	font-size:12px;
}

div.formulesite table.tablerecap th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica;
	color: #022f3e;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color:#CAE8EA;
}

div.formulesite table.tablerecap td,
div.formulesite table.tableinfoclient td {
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}

div.formulesite table.tableinfoclient td {
	border:none;
	padding: 1px 1px 1px 12px;
	color:#000;
	font-size:11px;
}

div.formulesite dl.caracteristiques,
div.formulesite dl.services {
	margin-left:0px !important;
}

div.formulesite dl.caracteristiques {
	float:left;
	display:block;
	width:330px;
}

div.formulesite dl.full {
	float:none;
	width:100%;
}

div.formulesite dl.services {
	float:left;
	display:block;
	width:184px;
}

div.formulesite div.tarifs {
	width:550px;
	margin-right:5px;
	margin-bottom:10px;
	border:1px solid #006600;
	text-align:center;
}

div.formulesite div.tarifs h3 {
	font-size:12px;
	background-color:#3DA546;
	text-align:center;
	color:#014001;
	padding:5px;
	padding-bottom:8px;
	margin-bottom:10px;
	font-style:italic;
}

div.formulesite div.tarifs h3 span.type {
	font-style:italic;
	color:#FFFFFF;
	font-size:13px;
}

div.formulesite div.tarifs dl dd {
	padding-top:5px;
	font-size:18px;
}

div.formulesite div.tarifs dl dd.abonnement {
	margin-bottom:15px;
	font-size:12px;
	text-align:center;
}

div.formulesite div.tarifs dl dd span.titre {
	width:250px;
	float:left;
	text-align:right;
	font-size:14px;
}

div.formulesite div.tarifs dl dd.offre span.titre {
	font-style:italic;
}

div.formulesite div.tarifs dl dd span.valeur {
	width:80px;
	float:left;
	text-align:right;
	font-weight:bold;
}

div.formulesite div.tarifs dl dd.base {color:#022F3E;}
div.formulesite div.tarifs dl dd.offre {color:#FF6D09;}
div.formulesite div.tarifs dl dd.total {color:#006600;}

div.formulesite div.tarifs dl dd.button{
	margin-top:15px;
	text-align:center;
	margin-bottom:20px;
	font-size:11px;
}


div.formulesite dl.options dd {
	padding-left:10px;	
	padding-bottom:10px;
}

div.formulesite dl.options dd p {
	width:525px;
}

div.formulesite dl.options dd p span.optionname {
	width:280px;
	float:left;
	padding-left:20px;
}

div.formulesite #selectoptions span.optionname {
	background:#FFF url(/img/selection_003.png) no-repeat center left;
}

div.formulesite dl.options dd p span.prix {
	width:120px;
	float:left;
	text-align:right;
	color:#3F5F01;
	font-weight:bold;
}

div.formulesite dl.options dd p span.bouton {
	width:80px;
	float:left;
	padding-left:10px;
	text-align:left;
}

div.formulesite p.ajoutpanier a.button {
	width:140px;
}

div.formulesite div.msginfo01 {
	padding:10px;
	padding-top:20px;
	font-family:Verdana,Arial,Georgia;
	font-size:11px;
}

div.formulesite div.msginfo01 ul li {
	font-family:Verdana,Arial,Georgia;
	font-size:11px;
	color:#cc6633;
	padding:0px;
}

/*
/* ---[[ Page "Espace client" ]]--- 
*/
#search {
	padding:10px;
	padding-left:20px;
}

#search h2 {
	font-size:18px;
	color:#3DA546;
}

#search p{
	padding-top:5px;
	font-size:11px;
	padding-bottom:10px;
}

/* ---[[ Page "Article" ]]--- 
*/
#colmiddle div.article h2,
#colmiddle div.article h2 a:link,
#colmiddle div.article h2 a:visited{
	color:#3DA546;
}

#colmiddle div.article h3 {
	font-size:10px;
	color:#000;
	padding-top:5px;
}

#colmiddle div.article p.content {
	padding-top:5px;
	font-size:11px;
	text-align:justify;
	line-height:16px;
}

#colmiddle div.article p.content a:link,
#colmiddle div.article p.content a:visited,
#colmiddle div.article p.content a:focus,
#colmiddle div.article p.content a:hover {
	font-weight:bold;
}

#colmiddle div.article hr {
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #000000;
}

#colmiddle div.article p.chapo {
	font-size:14px;
	color:#5A8700;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:10px;
	text-align:justify;
	line-height:18px;
}

#colmiddle div.article p.chapo strong.chapo {
	font-weight:normal;
	color:#5A8700;
}

/* ---[[ Pages realisations ]]--- 
*/
#colmiddle div.listerea table.listerea,
#colmiddle div.realisation table {
	width:100%;
}

#colmiddle div.listerea table.listerea tr td {
	vertical-align:top;
	text-align:center;
}

#colmiddle div.realisation table tr td {
	vertical-align:top;
}

#colmiddle div.realisation table tr td.photos {
	padding-right:15px;	
}

#colmiddle div.listerea table.listerea tr td ul {
	text-align:center;
	padding:0px;
	padding-bottom:20px;
	width:172px;
}

#colmiddle div.listerea table.listerea ul li {
	text-align:center;
	width:172px;
}

#colmiddle div.listerea table.listerea ul li.titre {
	padding-top:2px;
}

#colmiddle div.listerea table.listerea ul li.titre a:link,
#colmiddle div.listerea table.listerea ul li.titre a:visited {
	color:#3DA546;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
	text-decoration:none;
}

#colmiddle div.listerea table.listerea ul li.titre a:focus,
#colmiddle div.listerea table.listerea ul li.titre a:hover {
	text-decoration:underline;
}

#colmiddle div.listerea table.listerea ul li.soustitre a:link,
#colmiddle div.listerea table.listerea ul li.soustitre a:visited {
	color:#999999;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
	text-decoration:none;
}

#colmiddle div.listerea table.listerea ul li.lien {
	font-size:11px;	
}

#colmiddle div.realisation table tr td.textes ul li.titre h2 {
	color:#3DA546;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
}

#colmiddle div.realisation table tr td.textes ul li.soustitre {
	color:#3DA546;
	font-size:14px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
}

#colmiddle div.realisation table tr td.textes ul li.localisation h3 {
	color:#999999;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
	font-weight:normal;
}

#colmiddle div.realisation table tr td.textes ul li.online {
	color:#0795C0;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-bottom:2px;
}

#colmiddle div.realisation table tr td.textes ul li.description {
	color:#444444;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-top:5px;
	padding-bottom:10px;
	text-align:justify;
}

#colmiddle div.realisation table tr td.textes ul li.solutions {
	color:#444444;
	font-size:11px;
	font-family:Arial, Helvetica, Sans-Serif;
	padding-top:15px;
	padding-bottom:5px;
	text-align:justify;
}

#colmiddle div.realisation table tr td.textes ul li.solutions span.titre {
	font-weight:bold;
	line-height:18px;
	font-size:12px;
}

#colmiddle div.realisation table tr td.textes ul li.solutions ul {
	padding-left:15px;	
}

#colmiddle div.realisation table tr td.textes ul li.solutions ul li {
	line-height:18px;
}

#colmiddle div.realisation table tr td.previous {
	text-align:left;
	padding-bottom:10px;
}

#colmiddle div.realisation table tr td.next {
	text-align:right;
	padding-bottom:10px;
}

/* ---[[ Boutons ]]--- 
*/
ul.btn001 {
	 text-align:left;
	 padding:0 !important;
	 margin-left:20px !important;
	 margin-top:5px !important;
}

ul.btn001 li {
   margin:0;
   margin-bottom:5px !important;
   padding:0;
}

ul.btn001 li a:link,
ul.btn001 li a:visited {
	 height:32px;
	 width:118px;
   display:block;
   text-decoration:none;
   text-align:center;
   color:#FFF !important;
	 font:normal 10px "Trebuchet MS", Verdana, Arial, Helvetica;
	 line-height:9px !important;
	 padding-top:3px;
	 background:transparent url(/img/btn-action-001.gif) no-repeat top left !important;
}

ul.btn001 li a:hover,
ul.btn001 li a:focus {
	height:31px;
	padding-top:4px;
	text-decoration:none !important;
	background:transparent url(/img/btn-action-001.gif) no-repeat top right !important;
}

ul.btn001 li a:link b,
ul.btn001 li a:visited b,
ul.btn001 li a:hover b,
ul.btn001 li a:focus b {
	font:bold 14px "Trebuchet MS", Verdana, Arial, Helvetica;
}