/* CSS Document */

* {
margin: 0;
padding: 0;
}
body {
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
background: url(images/fond.jpg) repeat-x;
}

img {
border: 0;
}

table {
font-size: 8pt;
}

a:link, a:visited {
color: #2F7CB4;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000000;
}
#conteneur {
width: 900px;
margin-left: auto;
margin-right: auto;
border: solid 1px #5D87AB;
background: #ffffff;
}

#bandeau {
background: #5B99C8;
}

ul {
text-align: left;
padding-right: 5px;
}
li {
list-style-type: disc;
list-style-image: url(images/fleche.gif);
list-style-position: outside;
}

#menu {
background: url(images/fd-menu.jpg) no-repeat;
height: 24px;
line-height: 24px;
text-align: left;
/*width: 900px;*/
}

#menu a:link, #menu a:visited {
	display: block;
	float: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding-left: 40px;
	text-transform: uppercase;
}

#menu a:hover, #menu a:active {
color: #FFCC00;
}

#menu a.select:link, #menu a.select:visited  {
color: #FFCC00;
}
#menu a.langue {
padding-left: 15px;
margin-right: 45px;
	text-transform: none;
}

#contenu {
clear: both;

background: url(images/fd-contenu.jpg) repeat-x top;
/*padding-top: 20px;*/
}

#contenu #col-gh {
float: left;
width: 180px;
padding-top: 40px;
}
#contenu #col-gh-menu {
float: left;
width: 140px;
padding-top: 40px;
}

#contenu #col-gh-menu ul {
padding-left: 10px;
margin-left: 0;
}
#contenu #col-gh-menu ul li {
list-style-position: inside;
margin-bottom: 5px;
}

#contenu #col-gh #realisations {
width: 142px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#contenu #col-gh #nouveautes {
border: solid 1px #5D87AB;
background: #DADADA;
font-weight: bold;
font-size: 10px;
padding-bottom: 3px;
text-align: center;
}

#contenu #col-gh #nouveautes a {
text-decoration: underline;
color: #000000;
}

#contenu #col-gh #nouveautes a:hover {
color: #307EB8;
}

#contenu #col-gh #nouveautes h2 {
	margin: 0;
	padding-top: 3px;
	color: #2F7CB4;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 3px;

}

#contenu #col-gh #nouveautes img {
border-top: solid 1px #5D87AB;
border-bottom: solid 1px #5D87AB;
margin-bottom: 3px;
}

#contenu #col-gh a.tous {
display: block;
margin-top: 10px;
background: url(images/fleche.gif) no-repeat left top;
font-size: 9px;
padding-left: 15px;
color: #2F7CB4;
text-align: left;
}
#contenu #col-gh a.tous:hover {
color: #000000;
}
#contenu #centre {
margin-left: 180px;
border-left: dotted 1px #5D87AB;
padding-top: 20px;
padding-bottom: 10px;
}
#contenu #central {
padding-top: 20px;
padding-bottom: 10px;
text-align: center;
}

#contenu #central h2 {
font-size: 12px;
font-weight: bold;
color: #5D87AB;
border-bottom: dotted 1px #5D87AB;
}

#contenu #central h3 {
text-align: left;
margin-left: 20px;
font-size: 8pt;
margin-top: 20px;
margin-bottom: 20px;
}
#contenu h1 {
color: #5D87AB;
font-size: 12px;
border-bottom: dotted 1px #5D87AB;
padding-left: 15px;
text-align: left;
margin: 0;
padding-bottom: 3px;
margin-bottom: 20px;
}


#contenu #lien {
text-align: right;
padding-right: 15px;
margin-top: 40px;
}

#contenu #lien a:link, #contenu #lien a:visited{
color: #2F7CB4;
font-weight: bold;
text-decoration: none;
font-size: 10px;
text-decoration: underline;
}

#contenu #lien a:hover, #contenu #lien a:active {
color: #000000;

}

#contenu #centre p {
padding-left: 15px;
padding-right: 15px;
text-align: left;
margin-bottom: 0;
padding-top: 10px;
}

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

#contenu td{
padding: 5px;
text-align: left;
vertical-align: top;
}

#footer {

clear: both;
height: 12px;
background: url(images/fd-bas.jpg) repeat-x;

}

.spacer {
clear: both;
}

#contenu #central .vignette {
float: left;
display: inline;
margin-left: 12px;
margin-right: 12px;
width: 152px;
margin-bottom: 15px;
height: 200px;
font-size: 10px;
text-align: center;
}

#contenu #central .newsletter {
float: left;
margin-left: 15px;
margin-right: 15px;
width: 140px;
margin-bottom: 15px;
height: 220px;
font-size: 10px;
text-align: center;
}

#contenu #central .divers {
float: left;
width: 150px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
font-size: 10px;
text-align: center;
height: 120px;
}
#contenu #central .vignette img, #contenu #central .newsletter img  {
border: solid 6px #CCCCCC;
}

#contenu #central .lien {
width: 250px;
float: left;
/*margin-top: 20px;*/
margin-bottom: 20px;
height: 80px;
text-align: left;
margin-left: 20px;
display: inline;
border-bottom: solid 1px #2F7CB4;
}

#contenu #central .lien h4 {
border-bottom: solid 1px #2F7CB4;
font-size: 8pt;
margin-top: 0;
margin-bottom: 5px;
}

#contenu #central span {
margin-left: 10px;
}

#contenu #central ul {
text-align: center;
/*border-bottom: dotted 1px #2F7CB4;*/
background: #DEEBF4;
height: 20px;
line-height: 20px;
padding-left: 20px;
margin-bottom: 20px;
}

#contenu #central ul li.gauche {
float: left;
/*width: 200px;*/
margin-right: 60px;
/*margin-bottom: 20px;*/
list-style-type: none;
list-style-image: none;
background: url(images/fleche-fdbleu.gif) no-repeat left center;
padding-left: 15px;

}

#contenu #central table {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 20px;
}
#contenu form {
text-align: left;
padding-left: 10px;
}

#contenu form.admin {
text-align: center;
}

#contenu #central a.effet {
	display: block;
	width: 80%;
	border-top: dotted 1px #5D87AB;
	margin-left: auto;
	margin-right: auto;
margin-top: 10px;
	background: #DADADA;
	height: 25px;
	line-height: 25px;
	text-transform: uppercase;
}

#contenu #central #informatique, #contenu #central #infographie, #contenu #central #developpement, #contenu #central #gestion,
#contenu #central #referencement, #contenu #central #communication, #contenu #central #referencement, #contenu #central #personnel {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-bottom: 20px;
margin-top: 10px;
}