@charset "iso-8859-1";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/fond_ombre_l.png) repeat-y center;
	overflow-x:hidden;
}
.clear {
	clear: both;	
}
#fond_ombre {
	margin: 0 auto;
	min-height: 100%;
	background: url(../images/puzzle-day.jpg) no-repeat top;	
}
#global {
	width: 990px;
	min-height: 100%;
	margin: 0 auto;
}
#navbis {
	height: 36px;
	width: 410px;
	margin-top: 0px;
	float: left;
	margin-left:12px;
}
#navbis ul {
	display: inline;
	list-style: none;
}
#navbis ul li {
	background: #d52500;
	height: 20px;
	width: 118px;
	margin-left: 8px;
	float: left;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 5px;
	/*background: #d52500 url(../images/bas_navbis.png) no-repeat 0px 37px;*/
}
#navbis ul li a:link, #navbis ul li a:visited {
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#entete, #enteteacc {
	height: 200px;
	width: 990px;
	float: left;
}
#logo {
	height: 100px;
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
#deco_droit {
	background: url(../images/coxgarden_deco.png) no-repeat;
	height: 190px;
	width: 191px;
	float: left;
	margin-left:2px;
	margin-top: 10px;
}
#accroche {
	float: left;
	width: 750px;
	margin-top: -95px;
	margin-left: 24px;
}
#accroche2 {
	float: left;
	width: 400px;
	margin-top: -140px;
	margin-left: 370px;
}
#accroche h1 {
	font-size: 23px;
	color: #B5CB48;
}
.accrochetxt2 {
	font-size: 23px;
	color: #B5CB48;
}
#menu, #menuacc {
	background: #d52500;
	float: left;
	height: 30px;
	width: 966px;
	margin-left: 12px;
}
#menu ul, #menuacc ul {
	display: inline;
	list-style: none;
}
#menu ul li, #menuacc ul li {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#menu li a:link, #menu li a:visited, #menuacc li a:link, #menuacc li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
}
#menu li a:hover, #menuacc li a:hover {
	color: #d60505;
	background-color: #FFF;
	background-image: url(../images/btn-on-defaut.png);
	padding-top: 10px;
	padding-bottom: 6px;
}
#menu li a.actif, #menuacc li a.actif {
	background-image: url(../images/btn-on-defaut.png);
	padding-top: 10px;
	padding-bottom: 6px;
	color: #d60505;
}
#menu li a:hover.vert, #menuacc li a:hover.vert {
	background-image: url(../images/btn-on-vert.png);
}
#menu li a.vertactif, #menuacc li a.vertactif {
	background-image: url(../images/btn-on-vert.png);
	padding-top: 10px;
	padding-bottom: 6px;
	color: #d60505;
}
#menu li a:hover.orange, #menuacc li a:hover.orange {
	background-image: url(../images/btn-on-orange.png);
}
#menu li a.orangeactif, #menuacc li a.orangeactif {
	background-image: url(../images/btn-on-orange.png);
	padding-top: 10px;
	padding-bottom: 6px;
	color: #d60505;
}
#menu li a:hover.bleu, #menuacc li a:hover.bleu {
	background-image: url(../images/btn-on-bleu.png);
}
#menu li a.bleuactif, #menuacc li a.bleuactif {
	background-image: url(../images/btn-on-bleu.png);
	padding-top: 10px;
	padding-bottom: 6px;
	color: #d60505;
}
#contenu {
	float: left;
	height: 400px;
	width: 967px;
	margin-top: 15px;
	padding-left: 20px;
}
.bloc_arrondi {
	height: 190px;
	width: 300px;
	background: #FFF url(../images/fond_etiquette.png) no-repeat;
	float: left;
	margin-right: 0px;
}
.orange {
	color: #e89e0e;
}
.vert {
	color: #b5cb48;
}
.rouge {
	color: #d52500;
}
.bleu {
	color: #09F;
}
#pied {
	float: left;
	/*background: #B5CB48;*/
	width: 956px;
	/*text-align: center;*/
	margin-left: -8px;
	margin-top: 30px;
	background: #333;
	color: #FFF;
	padding: 13px 5px;
	line-height: 14px;
}
#piedacc {
	float: left;
	/*background: #B5CB48;*/
	width: 956px;
	/*text-align: center;*/
	margin-left: 12px;
	margin-top: 90px;
	background: #333;
	color: #FFF;
	padding: 13px 5px;
	line-height: 14px;
}
#pied ul, #piedacc ul {
	list-style: square;
	display: inline;
}
#pied ul li, #piedacc ul li {
	float: left;
	width: 224px;
	/*height:50px;*/
}
#pied ul li ul, #piedacc ul li ul {
	list-style: url(none) none;
	float: left;
	margin: 5px 0px 0px;
}
#pied ul li ul li, #piedacc ul li ul li  {
	float: left;
	color: #FFF;	/*width: 200px;*/
}
#pied ul li ul li a.lienp, #piedacc ul li ul li a.lienp  {
	color: #FFF;
	text-decoration: none;
}
#pied ul li ul li a.lienp:hover, #piedacc ul li ul li a.lienp:hover  {
	text-decoration: underline;
}
#pied .titre, #piedacc .titre {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}
#nav-pied {
	float: left;
	margin-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
#navigation-bas {
	float: left;
	width: 300px;
}
#coordonnees-coxgarden {
	float: right;
	width: 635px;
	text-align: right;
}
#navigation-bas a.lienp {
	color: #FFF;
	text-decoration: none;	
}
#navigation-bas a.lienp:hover {
	text-decoration: underline;	
}
#cont-anim {
	position:relative;
}
#slider ul, #slider li {
	list-style:none;
	margin-top: 8px;
	margin-left: 7px;
}
#slider {
	margin-top: 1px;
	background: url(../images/fond_slider.png) no-repeat;
	height: 190px;
	width: 730px;
	float: left;
	margin-bottom: 20px;
}
#acces_client {
	background: url(../images/fond_aplat_accueil.png) no-repeat;
	float: left;
	height: 183px;
	width: 199px;
	margin-left: 7px;
	margin-top: 5px;
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#alaune {
	background: url(../images/a-la-une-capital-image.png) no-repeat;
	float: left;
	height: 183px;
	width: 199px;
	margin-left: 7px;
	margin-top: 2px;
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 25px;
	line-height: normal;
}
#alaune .text-alaune {
	padding:5px 0px 5px 0px;
	margin-top:75px;
	margin-left:-50px;
	text-align:center;
	color: #666;	
}
#alaune a.text-alaune, #alaune a.text-alaune:visited {
	color: #666;
	text-decoration: underline;
}
#reference-site-internet-1 {
	float: left;
	height: 244px;
	width: 201px;
	margin-top: -45px;
	margin-left: 20px;
}
#reference-site-internet-2 {
	float: left;
	height: 237px;
	width: 192px;
	margin-top: -45px;
	margin-left: 40px;
}
#reference-site-internet-3 {
	float: left;
	height: 244px;
	width: 204px;
	margin-top: -45px;
	margin-left: 40px;
}
#reference-site-internet-4 {
	float: left;
	height: 235px;
	width: 185px;
	margin-top: -45px;
	margin-left: 40px;
}
#creation-site-internet, #devis-site-internet {
	width: 98%;
	float: left;
}
#txt {
	width: 620px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.titre {
	font-size: 18px;
}
.texte {
	font-size: 14px;
	color: #666;
}
/* nuage mots-clés */
#motcle {
	float: left;
	height: 135px;
	width: 280px;
	padding: 15px 10px;
	text-align: center;
}
#motcle a:link, #motcle a:visited {
	text-decoration: none;
	/*color: #FF0;*/
}
#motcle a.orange:link, #motcle a.orange:visited {
	color: #e89e0e;
}
#motcle a.bleu:link, #motcle a.bleu:visited {
	color: #09F;
}
#motcle a.vert:link, #motcle a.vert:visited {
	color: #b5cb48;
}
#motcle a:hover {
	text-decoration: none;
	background: #EEE;
}
.motcle-1 {
	font-size: 20px;
}
.motcle-2 {
	font-size: 16px;
}
.motcle-3 {
	font-size: 14px;
}
.motcle-4 {
	font-size: 12px;
}

/* contact */
label, input, textarea {
	display:block;
}
input.text, textarea.text {
	margin-bottom:12px;
	width:95%;
	padding: .2em;
}
fieldset {
	padding:0;
	border:0;
	margin-top:15px;
}
.ui-dialog .ui-state-error {
	padding: .3em;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
	font-size: 0.7em;
}

/* demande de devis */
#devis {
	float: left;
	height: 135px;
	width: 280px;
	padding: 15px 10px;
	text-align: left;
}
/*** Mise en forme du formulaire ***/

.clearing { clear: both; }
.alert, .error, .errorbs { color: #FF0000; }

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

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 1%;
	text-align: right;
	width: 10%;
}

ol.forms input { width: 39%; }
ol.forms textarea {
	height: 12em; 
	width: 64%; 
}

ol.forms input, ol.forms textarea, ol.forms button { font: 1em Arial, helvetica, serif; }

ol.forms button {
	padding: .4em 1em;
	border: 1px solid #ccc; background: #ccc url(../images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000;
	cursor: pointer;
}

ol.forms .error {
	display: block;
	margin: -24px 0 0 52%;
}
ol.forms .errorbs {
	display: block;
	margin: 0.25em 0 0 11%;
}
ol.forms .bgerror {
	background: #F99;	
}

ol.forms li.buttons {
	padding-left: 11%;
	width: 89%;
}
input.textd, textarea.textd {
	margin-bottom:5px;
	width:95%;
	padding: .2em;
}