* {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

a {
	color: #C90C09;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.linkex {
  background: url(../images/lien-externe.png) no-repeat right bottom;
  padding-right: 20px;
  zoom: 1;
}

img {
	border: none;
}

html {
	background: #36393D url(../images/background.png) repeat-x 0 20px;
}

body {
	font: normal 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #36393D;
}

h2 {
	color: #C90C09;
	font-size: 1.7em;
	font-weight: bold;
}
h2 a {
	color: #C90C09;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: none;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.3em;
}

strong {
	color: #36393D;
	font-weight: bold;
}

fieldset {
	border: 0;
}

legend {
	display: none;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted;
}
p {
  font-size: 1.3em;
	margin: 0 0 1em 0;
}

kbd {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 0.4em;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 2px solid silver;
	border-right: 2px solid silver;
}

.both {
	clear: both;
}

.mabo {
  clear: both;
  margin-top: 20px;
}

#header {
  position: relative;
  width: 739px;
  height: 133px;
  margin: 0 auto;
  background: url(../images/head.png) no-repeat top left;
}

#header #evitement {
  position: absolute;
  top: 0;
  right: 0;
	background: #36393D;
	list-style: none;
}
#header #evitement a {
	color: #fff;
	font-size: 1.1em;
}
#header #evitement li {
	float: left;
	padding-right: 15px;
}

#header h1 {
  position: absolute;
  top: 30px;
  left: 20px;
}
#header h1 a {
  display: block;
  height: 67px;
  width: 302px;
	background: url(../images/logo.png) no-repeat 0 0;
}
#header h1 span {
	position: absolute;
	left: -9000px;
}

#header #menu {
  position: absolute;
  top: 110px;
  left: 0;
  font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-weight: bold;
	font-size: 1.2em;
	background: #C90C09 url(../images/background-menu.png) repeat-x top left;
	height: 23px;
	padding-left: 20px;
}
#header #menu li {
	margin-right: 5px;
	float: left;
	list-style-type: none;
}
#header #menu li a {
	padding: 0 7px;
	color: #fff;
	text-decoration: none;
}
#header #menu li a:hover {
	color: #000;
}
#header #menu .current {
	height: 19px;
	background: #fff url(../images/corner-btn-menu-left.png) no-repeat bottom left;
}
#header #menu .current a {
	height: 19px;
	display: block;
	background: url(../images/corner-btn-menu-right.png) no-repeat bottom right;
	color: #36393D;
	text-align: center;
}
#menu #l1 {
	width: 60px;
}
#menu #l5 {
	width: 80px;
}
#menu #l2 {
	width: 70px;
}
#menu #l3 {
	width: 90px;
}
#menu #l4 {
	width: 120px;
}

#content {
  position: relative;
  width: 739px;
  margin: 0 auto;
	background: #fff url(../images/background-content.png) repeat-y 0 0;
}

#footer {
  position: relative;
  width: 739px;
	height: 50px;
  margin: 0 auto;
	background: #36393D url(../images/footer.png) no-repeat top left;
	text-align: center;
	color: #fff;
}
#footer p {
  line-height: 2.2em;
	font-size: 1.1em;
}
#footer a {
	color: #fff;
}

/*** Accueil ***/

#accueil .nojavascript {
  padding: 1em;
  border: 1px solid #C62F2E;
  -moz-border-radius: 8px;
}
#accueil .nojavascript ul {
  list-style: none;
}
#accueil .nojavascript li {
  background: url(../images/puce.png) no-repeat 0 2px;
  padding-left: 20px;
  font-size: 1.3em;
}

#accueil {
	padding: 1em 19px;
}
#accueil #actuacc {
	width: 340px;
	float: left;
	background: url(../images/pointille.png) repeat-y top right;
	padding: 0 20px 0 0;
	margin-top: 1em;
}
#accueil #actuacc h2, #accueil #refsacc h2 {
  margin-bottom: 1em;
}
#accueil .postacc {
	clear: both;
	margin: 0 0 2em 0;
}
#accueil .actudateacc {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
#accueil .actutxtacc {
	margin: 0;
}
#accueil #refsacc {
	width: 320px;
	float: left;
	padding: 0 0 0 20px;
	margin-top: 1em;
}
#accueil #refsacc h3 {
  margin: 0 0 0.5em 0;
}
#accueil #refsacc h3 a, #accueil #actuacc h3 a {
  text-decoration: none;
  color: #36393D;
}
#accueil #refacc1 p {
	text-align: left;
}
#accueil .reftxtacc {
  margin: 0;
}
#accueil #imgleft {
	float: left;
	margin: 1em 2em 2em 0;
	border: 1px solid #ccc;
	padding: 2px;
}
#accueil #imgleft:hover, #accueil #imgright:hover {
  border: 1px solid #777;
 }
  
#accueil #refacc2 {
	clear: both;
	margin: 2em 0 0 0;
}
#accueil #refacc2 p {
	text-align: right;
}
#accueil #refacc2 h3 a {
	text-align: right;
	display: block;
}
#accueil #imgright {
	float: right;
	margin: 1em 0 0 2em;
	border: 1px solid #ccc;
	padding: 2px;
}

/*** Actualités ***/

#actu {
	width: 541px;
	float: left;
	padding: 1em 19px;
	background: transparent url(../images/menu-actu.png) repeat-y top right;
}

.post {
	margin: 0 0 3em 0;
}
.post h2 {
	font-weight: bold;
	border-bottom: 1px solid #C90C09;
	zoom: 1;
}
.post p {
	margin: 0 0 1em 0;
}

.post .postdate {
	text-align: right;
	font-size: 1.1em;
	margin-top: 0.2em;
}

#menuactu {
	float: right;
	width: 140px;
	padding: 1em 10px;
	height: auto;
}
#menuactu #categorie {
	margin: 0 0 3em 0;
}
#menuactu #categorie h2 {
	background: url(../images/rubriques.png) no-repeat top left;
	width: 91px;
	height: 20px;
}
#menuactu #categorie ul {
	list-style: none;
}
#menuactu h2 span {
	position: absolute;
	left: -9000px;
}
#menuactu #categorie ul li a {
	color: #000;
	background: url(../images/puce.png) no-repeat 0 4px;
  padding-left: 20px;
  font-size: 1.3em;
}
#menuactu #rss a {
  color: #000;
	background: url(../images/rss.png) no-repeat top left;
	padding-left: 25px;
}

#pages {
	text-align: center;
}
#pages a {
	padding: 0 3px;
	border: 1px solid #C90C09;
	text-decoration: none;
}
#pages .current2, #pages a:hover {
	background: #C90C09;
	color: #fff;
}

/*** Actualités2 ***/

#actu2 {
	padding: 1em 19px;
}
#actu2 .right {
  float: right;
  margin: 0 0 0 1em;
}
#actu2 .left {
  float: left;
  margin: 0 1em 0 0;
}

/*** Internet ***/

#internet {
  padding: 1em 19px 2em 19px;
}
#internet .colonne {
	width: 210px;
	margin: 0 0 0 20px;
	float: left;
}
#internet .colonne img {
	margin: 0 0 1em 0;
}
#internet .colonne h3 {
	text-transform: uppercase;
	width: 180px;
	margin: 20px auto 10px auto;
	text-align: center;
	font-size: 1.7em;
}
#internet #colonnefirst {
	margin: 0 0 0 0;
}
#internet h2 {
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #C90C09;
	margin-bottom: 1.5em;
}
#internet h2:first-letter {
	font-size: 1.1em;
}
#internet h3 {
	margin: 2em 0 1em 0;
	color: #C90C09;
}
#internet h4 {
	margin: 1em 0 0.5em 0;
	font-weight: bold;
	color: #000;
}
#internet q {
	display: block;
	margin-top: 0.5em;
	font-style: italic;
}
#internet ul {
	margin-left: 10px;
	list-style: none;
	zoom: 1;
}
#internet li {
	background: url(../images/puce.png) no-repeat 0 4px;
  padding-left: 20px;
  font-size: 1.3em;
  line-height: 1.6em;
}
#internet address {
	font-size: 1.3em;
}

#internet .illustr {
	float: right;
	margin: 0 0 1em 20px;
}
#internet .citation {
	background: url(../images/guillemet-ouvert.png) no-repeat top left;
	width: 670px;

}
#internet .citation q {
	display: block;
	background: url(../images/guillemet-ferme.png) no-repeat bottom right;
	padding: 0 40px 0 50px;
	font-size: 1.4em;
	font-style: italic;
}

#competences {
	width: 692px;
	height: 84px;
	background: url(../images/creation-site-internet-nice.png) no-repeat top left;
	margin: 10px auto 20px auto;
	list-style: none;
}
#competences li {
	float: left;
	background: none;
	padding: 0;
}
#competences li a {
	display: block;
	width: 236px;
	height: 84px;
	text-decoration: none;
}
#competences li a#technologie {
	width: 220px;
}
#competences li a span {
	position: absolute;
	left: -9000px;
}
#competences li a:hover {
	background: url(../images/creation-site-internet-nice.png) no-repeat top left;
}
#competences a#creation:hover {
	background-position: 0px -84px;
}
.crea {
	background: url(../images/creation-site-internet-nice.png) no-repeat top left;
	background-position: 0px -84px;
}
#competences a#accessibilite:hover {
	background-position: -236px -84px;
}
.access {
	background: url(../images/creation-site-internet-nice.png) no-repeat top left;
	background-position: -236px -84px;
}
#competences a#technologie:hover {
	background-position: -472px -84px;
}
.techno {
	background: url(../images/creation-site-internet-nice.png) no-repeat top left;
	background-position: -472px -84px;
}

/*** références ***/

#references1 {
	padding: 2em 19px 2em 19px;
}
#references1 div {
	float: right;
	width: 340px;
	padding: 0 0 2em 20px;
}

#references1 .first {
  clear: both;
  float: left;
	padding: 0 0 2em 0;
}
#references1 img, #menuref img {
  padding: 2px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 10px;
}
#references1 img:hover, #menuref img:hover {
  border: 1px solid #777;
}
#references1 h2, #menuref h2 {
  font-weight: bold;
  font-size: 1.2em;
}
#references1 p, #menuref p {
  margin: 0;
}
#menuref div {
	float: right;
	width: 250px;
	padding: 0 0 2em 0;
}
#menuref p {
  font-size: 1.1em;
}
#menuref {
  float: right;
	width: 260px;
	padding: 1em 10px;
	height: auto;
}

#references2 {
	width: 421px;
	float: left;
	padding: 1em 19px;
}
#references2 h2 {
  margin-bottom: 1em;
}
#references2 h3 {
  color: #C90C09;
  margin: 0 0 0 0;
}
#references2 ul {
  font-size: 1.3em;
  margin: 0 0 1em 0;
  list-style: none;
}
#references2 ul li {
  background: url(../images/puce.png) no-repeat 0 4px;
  padding-left: 20px;
  line-height: 1.6em;
}
#references2 .left {
  float: left;
  margin: 0 1em 0 0;
}
#references2 #voirsite a {
  display: block;
  background: url(../images/voir-site.png) no-repeat top left;
  width: 91px;
  height: 30px;
}
#references2 #voirsite a span {
  position: absolute;
  left: -9000px;
}

#background {
  background: url(../images/menu-actu.png) repeat-y 460px 0;
  height: auto;
  zoom: 1;
}

/*** Contact ***/

#contactok {
	font-size: 1.3em;
	color: #C90C09;
	font-weight: bold;
}

#contact {
	margin: 2em 0 20px 0;
}
#contact div {
	margin: 0 0 15px 0;
}
#contact input, #contact textarea {
	background: url(../images/input_bg_.png);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #36393D;
	padding: 2px;
}
#contact input {
	width: 250px;
}
#contact textarea {
	width: 500px;
	height: 200px;
}

#contact input:hover, #contact textarea:hover {
	border: 1px solid #C90C09;
}

#contact label {
	width: 150px;
	height: 20px;
	float: left;
	text-align: right;
	cursor: pointer;
	margin-right: 10px;
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
}
#contact .warning span {
  background: url(../images/warning.png) no-repeat top left;
  padding-left: 25px
}
#contact label span span {
  color: #C90C09;
}
#contact .exemple {
	font-style: italic;
	font-size: 1.1em;
	color: gray;
}

#contact #valider {
	text-align: center;
}
#contact #btn {
	width: 100px;
	text-align: center;
}
#contact .focus {
	border: 1px solid #C90C09;
}
#contact .normal {
	border: 1px solid #36393D;
}

#warning span {
	color: #C90C09;
	font-weight: bold;
}

#coord img {
	float: left;
	margin: 0 20px 2em 0;
}

#coord address {
	font-style: normal;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
}
#coord address span {
	font-weight: bold;
	font-size: 1.3em;
}

#contenu #logoac {
	margin: 10px 0 0 0;
}

#contactcnil {
	font-size: 1.2em;
	color: #747474;
}

.telfax {
	zoom: 1;
	font-size: 1.3em;
	font-weight: bold;
}

/*** Plan ***/

#plan {
  padding: 1em 19px 2em 19px;
}
#plan h2 {
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #C90C09;
	margin-bottom: 1.5em;
}
#plan h2:first-letter {
	font-size: 1.1em;
}
#plan a {
  text-decoration: none;
  color: #000;
}
#plan a:hover {
  text-decoration: underline;
}
#plan ul {
  margin: 0 0 2em 1em;
  list-style: none;
}
#plan ul li ul {
  margin: 0 0 0 1em;
}
#plan li {
  background: url(../images/puce.png) no-repeat 0 4px;
  padding: 0 0 0.5em 20px;
  font-size: 1.3em;
}
#plan li ul li {
  background: none;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
}


/**** captcha ****/

#contact #captcha {
	position: relative;
}
#contact #captcha #etiquette {
	position: absolute;
	top: 15px;
	right: 555px;
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
}
#contact #captcha input {
	margin: 0 0 0 160px; 
}
#contact #captcha label {
	width: auto;
	float: none;
	text-align: left;
	margin: 0 0 0 160px;
}