/***************** STYLE GLOBAUX *****************/
a img, img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 1.8em "Lucida sans Unicode",Verdana,Helvetica,Sans-Serif;
letter-spacing:1px;
color:#516e8c;
margin:0 0 12px;
padding:0px 0 5px 26px;;
background:url(../images/integration/h1.gif) no-repeat left 3px;
min-height:20px; !important height:20px;
}
#contenu h1.margefree{
margin:0 0 3px;
}
#contenu h2{
font:bold 1.3em "Trebuchet MS",Verdana,Helvetica,Sans-Serif;
color:#7899bc;
letter-spacing:1px;
margin:0 0 10px;
padding:3px 0;
border-bottom:1px solid #d6e1ed;
}
#contenu h3{
font:bold 1.2em "Trebuchet MS",Verdana,Helvetica,Sans-Serif;
color:#7899BC;
letter-spacing:1px;
margin:10px 0 10px 0;
}
#contenu p{
font:1em Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#032c57;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:1em;
line-height:1.2em;
}
#contenu p.couleur, span.couleur{
color:black;
}
#contenu p{
font:1em Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
margin-bottom:1.2em;
}
#contenu p.rouge, .rouge{
font-weight:bold;
color:#db3023;
}
#contenu p.petit, .petit{
font-size:0.9em;
}
#contenu p.moinsmarge{
margin-bottom:0.5em;
background:#f6f6f6;
padding:3px 4px;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#333333;
}
#contenu a:hover, #contenu a:active{
color:#003e95;
}

#contenu p.center, span.center{
	text-align:center;
}
#contenu ul{
font:1em Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
margin: 0 0 1.2em 15px;
list-style:none;
}

#contenu li{
margin:0 0 8px 0;
padding:0 0 0 17px;
list-style:none;
background:url(../images/integration/puce.gif) no-repeat left top;
min-height:13px; !important height:13px;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:1em/30px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#000000;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#000000;
}
#footer span{
position:absolute;
top:0;
right:0;
font:0.8em/30px Arial, Helvetica, sans-serif;
color:#000000;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}

#contenu .don{
	width:428px;
	height:52px;
	margin:10px auto;
}

#contenu .pdf{
	padding:0 0 0 17px;
	background:url(../images/integration/pdf.gif) no-repeat left top;
}

#contenu .wrapper{
	position:relative;
	padding:0 0 0 0;
	margin:0 0 15px 0;
	width:100%;
}

#contenu img.internalheader {
	position:absolute;
	top:-31px;
	right:14px;
	z-index:1000;
}
#contenu .blocTexte{
	background:#fff url(../images/integration/bg_cont.gif) no-repeat right bottom;
	border-top:1px solid #B2B9B6;
	padding:20px 20px 30px 20px;
	margin:17px 15px 0 15px;
	position:relative;
	float:left;
	width:620px;
}

#contenu .blocTexte .fictif{
	width:240px;
	height:180px;
	float:right;
}


#contenu #attention{
	border-bottom:1px solid #B2B9B6;
	border-top:1px solid #B2B9B6;
	padding:20px 20px 20px 50px ;
	margin:35px 15px 0 15px;
	background:#fff url(../images/integration/icon_alert.gif) no-repeat 20px center;
}


#contenu a#faireDon:link, #contenu a#faireDon:visited{
	float:right;
	position:relative;
	width:207px;
	height:109px;
	margin: 12px 0 0 15px;
}


/* JOURNAL DE L ECOLE */

#contenu .blocVisuelJournal{
	float:right;
	position:relative;
	width:210px;
	margin: 0 0 15px 15px;
	text-align:center;
}
#contenu .blocVisuelJournal img{
	padding: 5px;
	border:1px solid #ccc;
}
/* --PAGINATION -- */
#contenu #ideo_inc_pagination {
	margin:10px 15px 20px 15px ;
	text-align:center;
	background:#FFF;
	padding:8px 0;
}
#contenu #ideo_inc_pagination span{
	font-size:1em;
	text-align:center;
}
#contenu #ideo_inc_pagination p{
	text-align:center;
	color:#6988a8; 		/* -- Couleur du numero de la page courante (prendre la couleur de la classe .couleur par exemple) -- */
	margin:0;
}
#contenu #ideo_inc_pagination label{
	font-size:0.9em;
}

/* -- AGENDA -- */

#contenu .blocVisuelAgenda{
	float:right;
	position:relative;
	width:260px;
	margin: 0 0 15px 15px;
	text-align:center;
}
#contenu .blocVisuelAgenda img{
	padding: 5px;
	border:1px solid #ccc;
}
/* -- MENU -- */
#contenu #ideo_inc_menu {
	padding:8px;
	margin:10px 15px 0px 15px;
	text-align:left;
	background:#7899bc;
}
#contenu #ideo_inc_menu ul {
	list-style-image:none;
	margin:0;
	padding:0;
}
#contenu #ideo_inc_menu li {
	display:inline;
	list-style-image:none;
	background:none;
	margin:0; 
	padding:0;
}

#contenu #ideo_inc_menu li.selection a:link, #contenu #ideo_inc_menu li.selection a:visited{
	color:#FFFfff;				/* -- Couleur de la rubrique courante  (prendre la couleur de la classe .couleur par exemple)-- */
	text-decoration:none;
}
#contenu #ideo_inc_menu li.selection a:hover, #contenu #ideo_inc_menu li.selection a:active{
	color:#333333;				/* -- Couleur de la rubrique courante  (prendre la couleur de la classe .couleur par exemple)-- */
	text-decoration:none;
}
#contenu #ideo_inc_menu li.selecte a:link, #contenu #ideo_inc_menu li.selecte a:visited,
#contenu #ideo_inc_menu li.selecte a:hover, #contenu #ideo_inc_menu li.selecte a:active{
	color:#333333;				/* -- Couleur de la rubrique courante  (prendre la couleur de la classe .couleur par exemple)-- */
	text-decoration:none;
}
/* ------------------------
------ LES CHIENS -------- 
---------------------------*/

#contenu .tab {
	margin:18px 0 0 0px;
	float:left;
	margin-bottom:26px;
	padding: 0px;
	width:689px;
	border:1px solid #B2B9B6;
	min-height:205px;
	background:#fff url(../images/integration/chiens/bg_cont2.gif) no-repeat right bottom;
}


#contenu #blocMenuInformation {
	margin: 2px;
	padding: 0px;
	padding-left:16px;
	color:#fff;
	height:40px;	
	background-image:url(../images/integration/chiens/bg_menu.gif);
	background-position:top;
	background-repeat:no-repeat;
	font:1em Arial, Helvetica, sans-serif;
}


#contenu #blocMenuInformation li {
	margin:0px;
	list-style:none;
	display:inline;
	-moz-user-select: none;
	background:none;
	padding:0;
}

#contenu #blocMenuInformation li a {
	position: relative;
	top: 0px;
	float: left;
	padding:3px 10px 0px 10px;
	margin: 0px 15px -4px 0px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration: none;
	outline:none;
}

#contenu #blocMenuInformation li a:hover {
	color:#E6E4DA;
}

#contenu #blocMenuInformation li a.sans {
margin-right:0;
}

#contenu #blocMenuInformation li a.selected {	
	position:relative;
	top:-5px;
	padding-top:4px;
	padding-bottom:10px;
	border-top:1px solid #9EA8A8;
	border-left:1px solid #9EA8A8;
	border-right:1px solid #9EA8A8;
	outline:none;
	background:#fff url(../images/integration/chiens/bg_onglet.gif) top repeat-x;
	color:#4e6276;
	text-align:center;
}
#contenu  #blocMenuInformation li a.selected {
	color:#4e6276;
}
#contenu #blocMenuInformation li a.selected:hover {
	color:#4e6276;
}

#contenu #blocInformationContenu {
	clear: both;
	
}

#contenu #blocInformationContenu div {
	padding: 12px 8px 8px 17px;
	color:#000;
}

#contenu #blocInformationContenu p {
	margin-bottom:0.9em;
	line-height:1.4em;
}





/* ---------- LISTING ------------ */
#contenu #blocInformationContenu div.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contenu .gallery div.wrapperChien {
	padding: 10px;
	margin:10px;
	float: left;
	position: relative;
	width: 162px;
	height: 162px;
	background:none;
}
#contenu .gallery div.wrapperChien:hover img {
	border-color: #000;
}
#contenu .gallery img {
}
#contenu .gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 2px 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
#contenu .gallery a {
	text-decoration: none;
	border: solid 1px #ccc;
	display:block;
	height:150px;
	width:150px;
	padding: 5px;
	text-align:center;
	background: #fff;
}
#contenu .gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background:url(../images/integration/chiens/paper-clip-mini.gif) no-repeat;
	z-index: 3;
}






#contenu .blocVisuelChien{
	float:right;
	position:relative;
	width:310px;
	margin: 0 0 15px 15px;
	text-align:center;
}
#contenu .blocVisuelChien img{
	padding: 5px;
	border:1px solid #ccc;
}



#contenu #blocDetail{
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	color:#032C57;
	height:1%;
	overflow:hidden;
}

#contenu .wrapperDetail{
	margin:10px 0 10px 0;
	float:left;
	width:100%;
}

#contenu .wrapperDetail .ligne{
	padding:5px 0px;
	margin:0;
	border-bottom:1px dotted #ccc;
	width:100%;
	min-height:13px; !important height:13px;
	
}
#contenu .wrapperDetail .ligne strong{
	width:175px;
	float:left;
}
#contenu .wrapperDetail .ligne span{
	display:block;
	overflow:hidden;
	height:1%;
}




#contenu .vignette {
	width:110px;
	height:110px;
	float:left;
	margin:0 15px 10px 0;
}

#contenu .sans  {
	margin:0 0 10px 0;
}
#contenu .vignette a{
	width:100px;
	height:100px;
	padding:5px;
	border:1px solid #CCC;
	display:block;
	text-align:center;
}

/* -------------------------- 
	MODULE CONTACT 
--------------------------- */
#contenu-gauche {
	float:none;
	overflow-x:hidden;
	height:1%;
	border-right:1px dotted #ccc;
	padding:0 20px 0 0;
}
#contenu-droite {
	float:right;
	margin:0pt;
	overflow-x:hidden;
	width:170px;
	margin-left:20px;
}


#secretariat {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px dotted #ccc;
	float:left;
}



#contenu .center {text-align:center;}
#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota {
	font-size:0.8em;
	line-height:1.2em;
	padding:0pt;
}
#contenu .ideo_gbl_alerte {color:#FF0000;}


/* -- FORMULAIRE --- */
#contenu #ideo_cnt_global input , 
#contenu #ideo_cnt_global select , 
#contenu #ideo_cnt_global textarea {
	background-color:#FFFFFF;
	border:1px solid #cacaca;
	color:#0d6db9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	height:15px;
	padding-left:2px;
}
#contenu #ideo_cnt_global textarea {height:55px;}
#contenu #ideo_cnt_global select {height:17px;}


/* -- STYLES SPECIFIQUES AU MODULE -- */
#contenu .ideo_cnt_blocFormulaire {
	float:left;
	width:100%;
	margin:0 0 5px 0;
}
#contenu .ideo_cnt_blocFormulaire label {
	width:33%;
	float:left;
	margin:0;
	text-align:right;
	padding-right:10px;
	font-size:1em;
	color:#032c57;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocLigneFormulaire {margin-bottom:2px;}

#contenu .ideo_cnt_blocLigneFormulaire input , 
#contenu .ideo_cnt_blocValidation input , 
#contenu .ideo_cnt_blocLigneFormulaire textarea {width:40%;}

#contenu .ideo_cnt_blocLigneFormulaire textarea {height:45px;}
#contenu .ideo_cnt_blocLigneFormulaire select {width:41%;}

#contenu #ideo_cnt_global input:hover , 
#contenu #ideo_cnt_global textarea:hover , 
#contenu #ideo_cnt_global select:hover {
	border:1px solid #6988a8;
	font-size:1em;
}

#contenu .ideo_cnt_blocFormulaire img {
	border:none;
	margin:0px 0 1px 0;
	vertical-align:bottom;
}
#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton{
	text-align:center;
	margin-top:15px;
}
#contenu #ideo_cnt_global .ideo_cnt_blocBouton input{
	width:80px;
	cursor:pointer;
	color:#6988a8;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:0;
	font-size:1em;
	background:#f0efef;
	border:1px solid #6988a8;
}
#contenu #ideo_cnt_global .ideo_cnt_blocBouton input:hover {
	color:#35383e;
	border:1px solid #35383e;
	}

/* -------------------------- 
	FIN MODULE CONTACT 
--------------------------- */
#contenu .recapatcha{

width:320px;
margin:0 auto 0 auto;
}


/* -------------------------- 
	MODULE NEWSLETTER
	réutilisant des style de la page contact
--------------------------- */
#contenu .ideo_cnt_blocLigneFormulaireNews {width:33%; float:left; margin:0 0 7px 0}



#contenu .ideo_cnt_blocLigneFormulaireNews input {width:90%;}


#contenu .ideo_cnt_blocLigneFormulaireNews label{
text-align:left;
margin:0 0 3px 0;
}



/* -------------------------- 
	MODULE PARTENAIRES
--------------------------- */
#contenu .partenaire {
	list-style: none;
	margin: 0;
	padding: 0;
}
#contenu .partenaire li {
	margin: 20px 20px 15px;
	padding: 8px;
	background: url(../images/integration/partenaires/polaroid.png) no-repeat;
	float: left;
	position: relative;
	width: 170px;
	height: 136px;
}
#contenu .partenaire li a.blocVisuel{
	display:block;
	width:170px;
	height:120px;
	text-align:center;
}
#contenu .partenaire span {
	background: url(../images/integration/partenaires/tape.png) no-repeat;
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	left: 54px;
	top: -12px;
}
#contenu .partenaire em {
	display: block;
	padding: 0;
	text-align: center;
	font: italic 100%;
	color: #333;
	margin:2px 0 0 0;
}


/*Actu*/

.actu{
	display:block;
}

.actu .photo{
	/*width:150px;*/
	margin:0 15px 0 0;
	float:left;
}

.actu .txt_actu{
	float:left;
   width:452px;   
}