@charset "utf-8";


#introtitre {
	text-align: center;
	vertical-align: middle;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	margin-top: 3px;
}
	

	

	

	

	

	

	

	

	

#logos_css {
	float: left;
	clear: both;
	width: 10%;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-align: center;
	vertical-align: middle;
}

body {
	background-color: #FFFFFF;
	background-image: url(../static/menu/generales/fondcram.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}
#bandeau {
	text-align: center;
}
#titrebranche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	height: 20px;
	background-image: url(../static/menu/generales/fondtitrecram.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
}
#menuprev {
	float: left;
	width: 59%;
	border: 1px solid #CC0000;
	margin-top: 5px;
	clear: none;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	padding-top: 10px;
}
#intro {
	width: 40%;
	float: right;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	height: 100%;
}
#cram {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	text-indent: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 22px;
	background-color: #CC0000;
}

#titresommaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
	background-color: #CCCCCC;
	font-weight: bold;
	height: 20px;
	text-align: left;
	vertical-align: middle;
	background-image: url(../static/illustrations/generales/pucemenucram.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 25px;
	border: 1px solid #003399;
	margin-top: 3px;
	float: left;
	clear: none;
	width: 100%;
	letter-spacing: 0.1em;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
}

#actugauche {
	float: left;
	width: 49%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: justify;
	vertical-align: text-top;
	padding-left: 10px;
	padding-right: 10px;
}
#actudroite {
	float: right;
	width: 48%;
	margin-bottom: 5px;
	margin-left: 5px;
}


#menu {

}
#separation {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #003399;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
	margin-top: 5px;
}
#contenu {
	margin-top: 5px;
	width: 99%;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#signature {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #003399;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
	text-align: right;
	background-image: url(../static/illustrations/entreprises/lignebleue.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
	float: right;
	clear: left;
	width: 99%;
}
#signaturecram {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	float: left;
}
#titregauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image: url(../static/illustrations/generales/pucecram.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight: bold;
	color: #003399;
	background-position: left center;
	text-indent: 10px;
	text-align: left;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	margin-right: 5px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
	padding-left: 10px;
}
#introduction {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
#encadre {
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.image {
	border: 1px solid #003399;
}
#flotante {
	float: right;
	width: 100px;
	border: thin solid #CCCCCC;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}



li {
	list-style-image: url(../static/illustrations/generales/pucelistecram.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-position: outside;
	padding-right: 10px;
	text-align: left;
}
li_cram {
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-right: 10px;
	list-style-position: outside;
	list-style-image: url(../static/illustrations/generales/pucecram.gif);
	background-image: url(../static/illustrations/generales/pucecram.gif);
}
.listecram {
	background-repeat: no-repeat;
	list-style-image: url(../static/illustrations/generales/pucecram.gif);
	list-style-position: outside;
	background-image: url(../static/illustrations/generales/pucecram.gif);
	background-position: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 40px;
}


.mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #003399;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
	background-color: #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 16px;
}


#liensbas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	width: 20%;
}
#web {
	float: right;
}
#mention {
	float: right;
}

#gauche {
	width: 82%;
	float: left;
	margin-right: 5px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
}
#lienstitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	text-indent: 3px;
	vertical-align: top;
	height: 20px;
}

#contenutitre {
	margin-top: 5px;
}


#droite {
	float: right;
	width: 17%;
}
#page {
	width: 100%;
	clear: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#logo {
	border: 1px solid #003399;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#menutitre {
	float: left;
	width: 5%;
	text-align: left;
	vertical-align: middle;
}

#titre {
	background-color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-indent: 20px;
	background-image: url(../static/illustrations/generales/pucetitrecram.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	height: 18px;
	vertical-align: middle;
}
#pubillus {
	padding: 3px;
}

#liens {
	border: 1px solid #003399;
	width: 99%;
	text-indent: 0px;
	padding-bottom: 3px;
}
#clicliens {
	background-image: url(../static/illustrations/generales/puceliencram.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	text-align: left;
	text-indent: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}
#pub {
	margin-top: 5px;
	padding-bottom: 3px;
	border: 1px solid #003399;
	margin-bottom: 5px;
}

#prevenirillus {
	text-align: center;
	vertical-align: middle;
}
#liensprev {
	margin-top: 5px;
	padding-bottom: 3px;
	border: 1px solid #003399;
	margin-bottom: 5px;
}
a:hover {
	font-weight: bold;
}
a:active {
	color: #CC0000;
}
.listetitre {
	list-style-position: outside;
	list-style-image: url(../static/illustrations/entreprises/pucetitreprev.gif);
	left: 5px;
	top: 5px;
	padding: 0px;
	text-indent: -20px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.listemenu {
	list-style-position: outside;
	list-style-image: url(../static/illustrations/entreprises/pucemenuprev.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	left: 5px;
	top: 5px;
	padding: 0px;
	text-indent: -20px;
	text-align: left;
	vertical-align: middle;
	line-height: 21px;
}

.listelien {
	list-style-position: inside;
	left: 5px;
	top: 5px;
	padding: 0px;
	top: 5px;
	background-image: url(../static/illustrations/entreprises/pucelientexteprev.gif);
	background-repeat: no-repeat;
}
#prevenir {
	border: 1px solid #003399;
	margin-top: 5px;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}

#cliclienscram {
	background-image: url(../static/illustrations/site/puceliencram.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	text-align: left;
	text-indent: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	float: right;
	clear: none;
	width: 15%;
	margin-bottom: 10px;
	margin-left: 20px;
}
#docu {
	margin: 20px;
	border: 1px dashed #CCCCCC;
}
#finpage {
	float: none;
	clear: both;
}
#catalogue {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#services {
	margin-top: 5px;
	border: 1px solid #003399;
	padding-bottom: 3px;
}
#hautpage {
	text-align: right;
	text-indent: 10px;
}
#lieninterne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../static/illustrations/entreprises/pucelientexteprev.gif);
	background-repeat: no-repeat;
	text-align: left;
	background-position: 10px center;
	padding-left: 30px;
}
#encadre_ref {
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
.listeassure {
	background-repeat: no-repeat;
	list-style-image: url(../static/illustrations/generales/pucecram.gif);
	list-style-position: outside;
	background-image: url(../static/illustrations/generales/pucelienassure.gif);
	background-position: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 40px;
}
.listepartenaire {
	background-repeat: no-repeat;
	list-style-image: url(../static/illustrations/generales/pucecram.gif);
	list-style-position: outside;
	background-image: url(../static/illustrations/generales/pucelienpartenaire.gif);
	background-position: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 40px;
}
.listeprev {
	background-repeat: no-repeat;
	list-style-image: url(../static/illustrations/generales/pucecram.gif);
	list-style-position: outside;
	background-image: url(../static/illustrations/entreprises/pucelisteprev.gif);
	background-position: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 40px;
}
#flotante_actu {
	float: right;
	border: thin solid #999999;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: none;
}
#titres_lettres {
	margin-top: 5px;
	border: 1px outset #CCCCCC;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
#servicespub {
	margin-top: 5px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.video {
	text-align: center;
}