* {
	margin: 0;
	padding: 0;
	border: none;

}

html {
	background: url(/assets/templates/dynamis/images/accueil/pixelbleuclair.gif) top left repeat;
  height: 100%;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	min-height: 100%;
	height: 100%;
	margin: 0;
	margin-top: -1px;
}

hr {
  clear: both;
  visibility: hidden;
}
/* ********************* */
#global {
  position: relative;
  min-height: 100%
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #510000;
	outline-style:none;
}
a:hover {/* animation simple barre au survol */
  text-decoration:underline;
	color: #e30004;
	outline-style:none;
}

hr.clear {
	height: 1px;
	border: none;
	border-color: #fff;
	visibility: hidden;
	clear: both;
}

span.hide{
  position: absolute;
  top: -5000px;
  left: -5000px;
  text-indent: -5000px;
}


/* *************************************
***** DIV GLOBAL ET FONDS **************
************************************** */
#main_top {
	position: relative;
	height: 325px;
	background: url(/assets/templates/dynamis/images/accueil/pixelhaut.jpg) top left repeat;
}

/* FOND TOP GAUCHE */
#col_left_top {
	float: left;
	width: 50%;
	height: 325px;
	margin: 0 0 0 0px;
	background: url(/assets/templates/dynamis/images/accueil/hautgauche.jpg) top right no-repeat;
}
/* FOND TOP DROITE */
#col_right_top {
	float: left;
	margin-left: 50%;
	width: 50%;
	height: 325px;
	margin-top: -325px;
	background: url(/assets/templates/dynamis/images/accueil/hautdroite.jpg) top left no-repeat;
}

#main_middle {
	position: relative;
	min-height: 300px;
	padding-bottom: 150px;
}

#col_left_middle { 
	float: left;
	width: 100%;
	min-height: 300px;
  height: 300px;
	background: url(/assets/templates/dynamis/images/accueil/milieu.jpg) no-repeat top center;
  position: absolute;
}
#col_right_middle {

	float: left;
	margin-left: 50%;
	width: 50%;
	min-height: 300px;
	margin-top: -300px;
	background: url(/assets/templates/dynamis/images/accueil/fond_milieu_droite.jpg) top left no-repeat;
}

/* FOND BAS GAUCHE */
#col_left_bottom {
  float: left;
	width: 50%;
	height: 150px;
	margin: 0 0 0 -450px;
	background: url(/assets/templates/dynamis/images/accueil/fond_footer.jpg) top left repeat-x;
}
/* FOND BAS DROITE */
#col_right_bottom {
  float: left;
	margin-left: 50%;
	width: 50%;
	height: 150px;
	margin-top: -150px;
	background: url(/assets/templates/dynamis/images/accueil/fond_footer.jpg) top left repeat-x;
}

#page_top {
	position: absolute;
	width: 900px;
	height: 260px;
	left: 50%;
	top: 58px;
	margin: 0 0 0 -450px;
}

#menu_top, #menu_top_bas {
  position: absolute;
	text-align: right;
	top: -58px;
	right: 0px;
}

#menu_top li, #menu_top_bas li {
	float: left;
	text-align: center;
	border-right: 2px solid #92b6c8;
	padding: 10px 15px 0px 15px;
	list-style: none;
	width: 59px;
}

#menu_top_bas li {
	float: left;
	text-align: center;
	border-right: 0px;
	padding: 10px 17px 0px 15px;
	list-style: none;
	width: 59px;
}

li.menu_top_last{
	border-right: 0px;
}

#menu_top li a, #menu_top_bas li a{
	color: #92b6c8;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	height: 60px;
}

#page_middle {
	position: relative;
	width: 900px;
	left: 50%;
	margin: 0 0 0 -450px;
}
#page_bottom {
	position: absolute;
	width: 900px;
	height: 150px;
	left: 50%;
	margin: 0 0 0 -450px;
	top: 0px;
	background: url(/assets/templates/dynamis/images/accueil/fond_footer.jpg) top left repeat-x;
}

#main_bottom {
	position: absolute;
	bottom: 0px;
	height: 150px;
  width: 100%;
  left: 0px;
	background: url(/assets/templates/dynamis/images/accueil/pixelbas.jpg) top left repeat;
}

/*  PIED DE PAGE  */
#footer {
  position: absolute;
	height: 150px;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
}

#footer p {
	float: left;
	margin: 5px 0;
	padding-top: 10px;
}

#footer ul {
	float: right;
	margin: 5px 0;
	padding-top: 10px;
}
#footer li {
	display: inline;
	list-style-type: none;
}
#footer a img {
  margin-top: -3px;
  vertical-align: middle;
}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
  text-decoration:underline;
}
/* ********************* */




/* ********************* */
/*
#navmenu {
	position: absolute;
	top: -45px;
	right: -5px;
	left: 170px;
}

#menu li{
  float: left;
  list-style: none;
}


ul#menu a {
  color: #fff;
  font-size: 24px;
  font-family: Tahoma, Verdana, Arial;
}


*/


#navmenu {
  position: absolute;
	top: -45px;
	right: -5px;
	left: 170px;
  margin:0;
  padding:0 0 0 0;
  /*z-index: 400;*/
  height:50px;
  visibility:visible;
}

ul.menu {
  height:auto;
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  float:left;
  overflow:visible;
  visibility:visible;
}

ul.menu li {
  margin:0;
  padding:0;
  background-repeat:no-repeat;
  height:25px;
  float:left;
  visibility:visible;
  
}

ul.menu ul {
  margin:0;
  padding:0;
  display:none;
  position:absolute;
  list-style:none;
  list-style-image:none;
  border-top:none;
  overflow:visible;
  float:left;
  visibility:hidden; /*correction 20060615*/
}

#sousMenuTaureaux {
  margin-top: -115px;
  margin-left: 4px;
  
}
#sousMenuCooperative  {
  margin-top: -150px;
  margin-left: -8px;
}

ul.menu li ul li {
  height: 35px;
  min-height: 35px;
  float:none;
  visibility:visible;
  margin: 0;
  padding: 0;
}

ul.menu ul li a {
  width:auto;
  margin:0;
  padding:0;
  text-decoration:none;
  display:block;
  color:white;
  visibility:visible;
}

.menu li:hover ul {
  margin: 0;
  padding: 0;
  display:block;
  overflow:visible;
  visibility:visible;
}

.menu img{
  margin: 0;
  padding: 0;
}

/*

#menu .sousMenu li .sousMenu1:link, #menu .sousMenu li .sousMenu1:visited{
  margin-top: -75px;
}
#menu .sousMenu li .sousMenu2:link, #menu .sousMenu li .sousMenu2:visited{
  margin-top: -125px;
}
#menu .sousMenu li .sousMenu3:link, #menu .sousMenu li .sousMenu3:visited{
  margin-top: -150px;
}

#menu .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menu li:hover > .sousMenu { display: block; }

*/

#cooperative{
	display: block; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 224px ;
	height: 45px;
	background: url(/assets/templates/dynamis/images/accueil/menu1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#cooperative:hover
{
	background: url(/assets/templates/dynamis/images/accueil/menu1.jpg) no-repeat 0 -45px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#nos_taureaux{
  margin-left: 5px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 224px ;
	height: 45px;
	background: url(/assets/templates/dynamis/images/accueil/menu2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#nos_taureaux:hover{
	background: url(/assets/templates/dynamis/images/accueil/menu2.jpg) no-repeat 0 -45px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#votre_selection{
  margin-left: 12px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 224px ;
	height: 45px;
	background: url(/assets/templates/dynamis/images/accueil/menu3.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#votre_selection:hover{
	background: url(/assets/templates/dynamis/images/accueil/menu3.jpg) no-repeat 0 -45px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#ensavoirplustaurauxholstein{
  margin-left: 40px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 233px ;
	height: 51px;
	background: url(/assets/templates/dynamis/images/fiches/splus_primholstein.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#ensavoirplustaurauxholstein:hover{
	background: url(/assets/templates/dynamis/images/fiches/splus_primholstein_over.png) no-repeat 0 0px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#ensavoirplustaurauxnormande{
  margin-left: 40px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 233px ;
	height: 51px;
	background: url(/assets/templates/dynamis/images/fiches/splus_normande.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#ensavoirplustaurauxnormande:hover{
	background: url(/assets/templates/dynamis/images/fiches/splus_normande_over.png) no-repeat 0 0px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#nostaurauxholstein{
  margin-left: 40px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 243px ;
	height: 75px;
	background: url(/assets/templates/dynamis/images/fiches/taureaux_primholstein.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#nostaurauxholstein:hover{
	background: url(/assets/templates/dynamis/images/fiches/taureaux_primholstein_over.png) no-repeat 0 0px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

#nostaurauxnormande{
  margin-left: 40px;
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 243px ;
	height: 75px;
	background: url(/assets/templates/dynamis/images/fiches/taureaux_normande.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
}

#nostaurauxnormande:hover{
	background: url(/assets/templates/dynamis/images/fiches/taureaux_normande_over.png) no-repeat 0 0px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

.presentationrace td{
	color:#203E78;
	padding-right: 20px;
}

#content{
  padding-bottom: 20px;
}

div#colonne1 {
	float: left;
	width: 350px;
}

div#colonne1 p {
  margin: 0 30px 0 40px;
  font-family: Tahoma ;
	font-size: 12px;
	font-weight: bold ;
  color: #fff;
  padding-bottom: 10px;
}

div#colonne1 form{
  margin: 0 30px 0 20px;
}

div#colonne1 form input {
  margin: 0 30px 0 20px;
  width:200px;
}

div#colonne1 form button {
  background: url(/assets/templates/dynamis/images/accueil/boutonok.gif) no-repeat;
  width: 39px;
  height: 21px;
  margin:0px;
  padding:0px;
  position:relative;
  top:-5px;
  left: -25px;
}

div#colonne1 form button:hover {
  background: url(/assets/templates/dynamis/images/accueil/boutonok.gif) no-repeat scroll 0pt -21px;;
  width: 39px;
  height: 21px;
}

div#colonne2 {
	float: right;
	width: 200px;
}

div#prim_holstein{
  background: url(/assets/templates/dynamis/images/accueil/bouton1haut.jpg) top left no-repeat;
  height: 60px;
  color: #ffffff;
}

div#prim_holstein p a{
  color: #ffffff;
}

div#prim_holstein_bas{
  background: url(/assets/templates/dynamis/images/accueil/bouton1bas.jpg) bottom left no-repeat;
  height: 27px;
}

div#prim_holstein p{
  padding: 65px 0px 0px 24px;
  color: #fff;
}

div#prim_holstein p span{
  color: #203E78;
  font-weight: bold ;
}

div#normande{
  background: url(/assets/templates/dynamis/images/accueil/bouton2haut.jpg) top left no-repeat;
  height: 48px;
}

div#normande_bas{
  background: url(/assets/templates/dynamis/images/accueil/bouton2bas.jpg) bottom left no-repeat;
  height: 27px;
}

div#normande p{
  padding: 52px 0px 0px 24px;
  color: #fff;
}

div#normande p a{
  color: #ffffff;
}

div#normande p span{
  color: #203E78;
  font-weight: bold ;
}

div#charolaise{
  background: url(/assets/templates/dynamis/images/accueil/bouton3haut.jpg) top left no-repeat;
  height: 45px;
}

div#charolaise_bas{
  background: url(/assets/templates/dynamis/images/accueil/bouton3bas.jpg) bottom left no-repeat;
  height: 27px;
}

div#charolaise p{
  padding: 50px 0px 0px 24px;
  color: #fff;
}

div#charolaise p span{
  color: #203E78;
  font-weight: bold ;
}

div#centre {
	margin-left: 350px;
	margin-right: 210px;
	padding-top: 35px;
}
div#actualite {
  margin-left: 19px;
  padding-top: 29px;
  background: url(/assets/templates/dynamis/images/accueil/cadrehaut.jpg) top left no-repeat;
}
div#bloccadre {
  background: url(/assets/templates/dynamis/images/accueil/cadrebas.jpg) bottom left no-repeat;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#milieucadre {
  background: url(/assets/templates/dynamis/images/accueil/cadrepixel.gif) top left repeat-y;
}

div#actualite span {
  margin: 0 30px 0 20px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	font-weight: bold ;
  color: #203e78;
  display: block;
  margin-left: -2px;
}

div#actualite p {
  margin: 0 30px 0 20px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold ;
  color: #fff;
  padding-bottom: 10px;
}
div#actualite p a{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
  color: #fff;
}

a#archive{
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 69px ;
	height: 11px;
	float: right;
	background: url(/assets/templates/dynamis/images/accueil/boutonarchive.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
  margin: 10px 15px 0px 0px;
}

a#archive:hover{
	background: url(/assets/templates/dynamis/images/accueil/boutonarchive.gif) no-repeat 0 -11px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

/******* FICHE***********************************/
div#centre_fiche {
	margin-left: 375px;
	padding-top: 15px;
}

div#colonne_fiche {
	float: left;
	width: 375px;
}

div#colonne_fiche img{
	margin-left: 25px;
	margin-top: 25px;
	border: 1px solid #fff;
	margin-bottom: -20px;
}

img.thumb{
	margin-right: -20px;
	border: 1px solid #fff;
}

p#resume{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #203E78;
  padding: 10px 15px 0px 25px;
  line-height: 17px;
}

p#commentaire{
  font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
  color: #ffea00;
  padding: 20px 0px 0px 25px;
  margin-top: 20px;
}
p#commentaire img{
  border: 0px;
  color: #fff;
  margin: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}

div#hautcadre_fiche {
  padding-top: 15px;
  background: url(/assets/templates/dynamis/images/fiches/tableau2haut.gif) top left no-repeat;
}
div#bloccadre_fiche {
  background: url(/assets/templates/dynamis/images/fiches/tableau1bas.gif) bottom left no-repeat;
  padding-bottom: 15px;
  padding-left: 10px;
  min-height:1px;
}

#bloccadre_fiche ul, #cg ul{
  padding: 0px 0px 0px 30px;
}

div#bloccadre_fiche_jaune {
  background: url(/assets/templates/dynamis/images/fiches/tableau2bas.gif) bottom left no-repeat;
  padding-bottom: 5px;
  padding-left: 10px;
}

div#milieucadre_fiche {
  background: url(/assets/templates/dynamis/images/fiches/tableau1pixel.gif) top left repeat-y;
}

div#milieucadre_fiche_morpho {
  background: url(/assets/templates/dynamis/images/fiches/tableau3pixel.gif) top left repeat-y;
}

.titre_fiche{
  font-family: Tahoma, Verdana, Arial;
	font-size: 20px;
  color: #203E78;
}

.fiche_droite{
  font-family: Tahoma, Verdana, Arial;
	font-size: 22px;
  color: #de0000;
  background: url(/assets/templates/dynamis/images/fiches/boutonisu.gif) top left no-repeat;
  position: absolute;
  height: 63px;
  width: 103px;
  right: 0px;
  padding-right: 160px;
  margin-top: 30px;
  text-align: center;
  line-height: 60px;
}

.fiche_droite img{
  position: absolute;
  margin-left: 110px;
  bottom: 20px;
}

.titre_fiche img{
  margin-bottom: -2px;
}

p#cv{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #203E78;
}

p#titre{
  padding-top: 15px;
  padding-left: 15px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
  color: #203E78;
}

.image_prod img, .image_morpho img{
  margin-bottom: -3px;
} 

p#lien{
  padding-left: 15px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #fff;
  padding-bottom: 5px;
}

p#lien a{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #fff;
}

.barregauche{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.barremilieu{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.barredroite{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.tableau_morpho_texte{
  width: 120px;
}

.tableau_morpho_img{
  /*vertical-align: bottom;*/
  color: #b2b2b2;
}

.tableau_morpho_img span{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #203E78;
  font-weight: bold ;
}

.tableau_morpho{
  padding-bottom: 3px;
}

.tab_production{
  width: 510px;
  padding-bottom: 5px;
  padding-right: 15px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
  color: #203E78;
  text-align: center;
}

.cell_1{
  color: #de0000;
  font-weight: bold ;
}

p#retour {
  text-align: right;
  margin-top: 5px;
  margin-right: 15px;
}

p#retour a{
  font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
  color: #203E78;
  margin-right: 15px;
}

a#selectionner{
  position: absolute;
  background: url(/assets/templates/dynamis/images/fiches/boutonselectionner.gif) top left no-repeat;
  width: 95px;
  height: 25px;
  margin-left: 280px;
  margin-top: -15px;
}
a#selectionner:hover{
	background: url(/assets/templates/dynamis/images/fiches/boutonselectionner.gif) no-repeat 0 -25px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}
a#ensavoirplus{
  position: absolute;
  background: url(/assets/templates/dynamis/images/fiches/savoirplus.gif) top left no-repeat;
  width: 95px;
  height: 25px;
  margin-left: 385px;
  margin-top: -15px;
}
a#ensavoirplus:hover{
	background: url(/assets/templates/dynamis/images/fiches/savoirplus.gif) no-repeat 0 -25px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

div#actualite_taureaux{
  margin-left: 19px;
  padding-top: 29px;
  margin-top: 20px;
  background: url(/assets/templates/dynamis/images/accueil/cadrehaut.jpg) top left no-repeat;
  width: 345px;
}

div#actualite_taureaux span {
  margin: 0 30px 0 20px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	font-weight: bold ;
  color: #203e78;
  display: block;
  margin-left: -2px;
}

div#actualite_taureaux p {
  margin: 0 30px 0 20px;
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold ;
  color: #fff;
  padding-bottom: 10px;
}

div#actualite_taureaux p a{
  font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold ;
  color: #fff;
}

a#archive_taureaux{
	display: block ; /* On passe les liens en ÚlÚments de type block pour leur donner des propriÚtÚs de taille */
	width: 69px ;
	height: 11px;
	float: right;
	background: url(/assets/templates/dynamis/images/accueil/boutonarchive.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne Ó 0px du bord gauche et 0px du bord haut */
  margin: 10px 55px 0px 0px;
}

a#archive_taureaux:hover{
	background: url(/assets/templates/dynamis/images/accueil/boutonarchive.gif) no-repeat 0 -11px ; /* Et ici on dÚcale l'image du background de 30px vers le haut pour laisser appara¯tre la 2eme partie de l'image */
}

.affactualite td{
  color:#203E78;
  padding-right: 20px;
}
.affactualite a{
  color:#203E78;
  text-decoration: underline;
}

.tab_liste{
  width: 490px;
  font-size: 0.85em;
}

.tab_chiffre_taureaux{
  text-align: center;
}

.tab_nom_taureaux{
  text-align: left;
}

table thead td{
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}
	/* If you wish to highlight current sortable column, add layout effects below */
.highlightedColumn{
  background-color: #EEEEEE;
}	

/*Presentation*/
div#presentation{
  background: url(/assets/templates/dynamis/images/presentation/fondblanc_haut.gif) top left no-repeat;
  margin-left:20px;
  padding-top:13px;
}

div#milieucadrepresentation {
background: url(/assets/templates/dynamis/images/presentation/tableau1pixel.gif) repeat-y scroll left top;
}

div#bloccadrepresentation {
  background: url(/assets/templates/dynamis/images/presentation/fondblanc_bas.gif) bottom left no-repeat;
  padding-bottom: 13px;
  padding-right:25px;
}


div#centre_presentation {
	margin-left: 365px;
	padding-top: 15px;
  color:#203E78;
}

div#centre_presentation p{
	color:#203E78;
}

div#centre_presentation a{
	color:#203E78;
	text-decoration: underline;
}

div#centre_presentation ul{
	color:#203E78;
	padding-left: 20px;
}

div#colonne_presentation {
	float: left;
	width: 365px;
}

div#colonne_presentation img{
	padding-left:10px;
	padding-top:5px;
}

/*contact*/
#contact textarea, #contact input {
  border: 1px solid;
}

#contact button{
  border: thick outset;
  border-width: 2px;
}

#titreContact{
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#contact{
  margin: 15px 0px 5px 20px;
  width: 480px;
}

#contact font{
  font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
  color: #203e78;
}
/*cg*/
#cg{
  font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
  color: #203e78;
  padding: 0px 15px 0px 10px;
}
#cg a{
  font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
  color: #203e78;
}


#cg h2{
	font-size: 14px;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 5px;
}