.bloc_page
{
    width: 718px;
    margin: 0 0 auto;
	font-family: 'Marcellus', serif;
	max-height: 100%;
	margin-left: auto;
   	margin-right: auto;
	font-size:12px;
}

.bloc_page1
{
    width: 800px;
    margin: 0 0 auto;
	font-family: 'Marcellus', serif;
	max-height: 100%;
	margin-left: auto;
   	margin-right: auto;
	font-size:14px;
}

.tete_logo{
	width: 718px;
	height:230px;
	padding: 0.1px 0.1px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(img/bandeau_cercle.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.tete_logo .gauche{
	float:left;
	margin-top:7%;
	width:25%;
	height:155px;
}


.tete_logo .droite{
	float:right;
	width:29%;
	margin-top:7%;
	height:155px;
}

.slogan_cercle{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height : auto;
	
}

.slogan_cercle h1 {
	font-size:37px;
	padding : 0px;
	color : #791419;
	font-weight: bold;
}

.slogan_cercle h2 {
	font-size:25px;
	padding : 0px;
	line-height :17px;
	font-weight: bold;
}

#mytit {
	font-size:14px;
	padding : 0px;
	line-height :6px;
}
.slogan_cercle h4{
	font-size:16px;
	line-height :16px;
	font-weight: bold;
	margin-top:-2px;
}

.bouton_presentation_invitation{
	
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height : 40px;
	font-size:18px;
	font-weight: bold;
}
.bouton_presentation_invitation .presentation{
	width: auto;
	float: left;
	border-color:#000;
	color:#791419;
	padding: 4px;
	border-collapse: separate;
	border: 1px solid #000;
	margin : 5px;
}

.presentation a{
	color:#791419;
	text-decoration:none;
	
	
}
.presentation a:hover{
	color:#FFF;
	text-decoration:none;
	background:#791419;
	
	
}


.bgcertex_bonhomme{
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height : 640px;
	background-image:url(img/bgcercle.png);
	background-repeat:no-repeat;
	height:auto;
}

.presentation_cercle_certex{
	
	width: 62%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
	font-size:14px;
	padding: 7px;
	border-collapse: separate;
	border: 1px solid #000;
	margin : 15px;
	
}
.boutons_cercle_certex{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
	font-weight: bold;
	
}
.boutons_cercle_certex a,a:hover{
	text-outline:none;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:16px;
}
.boutons_cercle_certex img{
	width : 60px;
	height:55px;
	vertical-align:middle;
}

.cercle_certex_offre{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
}

.boutons_cercle_certex h2{
	font-size:20px;
	padding : 0px;
	font-weight: bold;
	color : #791419;
	
}
.cercle_certex_offre_img {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
	float:left;
}
.cercle_certex_offre_text {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	height : 262px;
	float:left;
	font-size:13px;
}
.cercle_certex_offre_text img{
	float:right	
}

.cercle_certex_presse{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
	
}

.cercle_certex_menu_pied{
	width: 59%;
	margin-left: auto;
	margin-right: auto;
	height : auto;
	font-size:16px;
}

.cercle_certex_menu_pied .menu{
	width: auto;
	float: left;
	border-color:#000;
	color:#791419;
	padding: 4px;
	border-collapse: separate;
	border: 1px solid #000;
	margin : 5px;
}

.menu a{
	color:#791419;
	text-decoration:none;
}

.menu a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#791419;
}