@charset "iso-8859-1";

/*
rose foncé : #b47882

rose moyen : #dc8c96

rose moyen clair : #FFBEC8

rose clair : #ffe5e8



vert foncé : #788c82

vert moyen : #cad8cb

vert clair : #dce6dc



bouton et liens : #fa8278

gris : #f9f9f9
*/




html {
height: 100%;
}


body {
font-size : 1em;
line-height: 1.6;
margin: 0px;
padding: 0px;
text-align:center;
min-width:300px;
font-family: Montserrat, sans-serif;
overflow:scroll;
background-color: #fff;
color: #333;
height: 100%;
}



div.bandoimg {
	background-image: url(../images/top.jpg);
	background-position: center;
	background-repeat: no-repeat;
	
	background-size: cover;
	margin: 0px auto;
	padding: 0;
	min-height: 500px;
	height: auto;
	text-align: center;
	
}


div.moitie {
	padding:50px 0;
	margin:0 auto;
	width:50%;
	text-align:center;
	color:#fff;
}


div.div50 {
padding: 25px;
}

div.contenu {
padding: 25px;
margin: 0 10%;
text-align:left;
}



.pad {
padding: 5%;
}





@media all and (min-width: 1200px) {

div.demiesimple {
width:40%;
min-width:40%;
max-width:40%;
margin:3%;
padding:2%;	
float: left;
text-align:center;
}


div.footer4 {
width : 21%;
min-width : 21%;
max-width : 21%;
padding : 0 2% 0 0;
float:left;
font-size:90%;
color: #b47882;
}

}

@media all and (max-width: 1199px) {

div.demiesimple {
margin:5%;
padding:5%;	
}


div.footer4 {
font-size:90%;
color: #b47882;
}

}



/********** POSITIONS ************/


.centrer {
text-align: center;
}

.gche {
text-align: left;
}

.dte {
text-align: right;
}



/********** COULEURS ************/

.clrblanc {
color: #fff;
 }
 
.clrrosefonce {
color: #b47882
}


.clrrosemoyen {
color: #dc8c96
}


.clrrosemoyenclair {
color: #ffbec8
}

.clrroseclair {
color: #ffe5e8
}

.clrvertfonce {
color: #788c82
}

.clrvertmoyen {
color: #cad8cb
}

.clrvertclair {
color: #dce6dc
}





.bgblanc {
background-color: #fff;
 }
 
.bgrosefonce {
background-color: #b47882
}


.bgrosemoyen {
background-color: #dc8c96
}


.bgrosemoyenclair {
background-color: #ffbec8
}

.bgroseclair {
background-color: #ffe5e8
}

.bgvertfonce {
background-color: #788c82
}

.bgvertmoyen {
background-color: #cad8cb
}

.bgvertclair {
background-color: #dce6dc
}






/******* SPANS *******/

.gros {
font-size: 1.8em;
}

.petitgros {
font-size:1.4em;
}



/******* TITRES *******/

h1 {
color: #b47882;
font-size: 1.8em;
font-variant:small-caps;
}


h2 {
font-size: 1.4em;
font-variant:small-caps;
}


h3 {
font-size: 1.3em;
}



/************** NEUTRES ***************/


div.neutre {
clear: both;
}


div.neutre26 {
clear: both;
padding: 13px;
}


div.neutre50 {
clear: both;
padding: 50px;
}




/************* LIENS ***************/



a:link, a:visited {
color:#fa8278;
text-decoration:underline;
background-color: none;
font-weight : bold;
}



a:hover, a:active {
color : #b47882; 
text-decoration : none;
background-color: none;
font-weight : bold;
}




a.plein:link, a.plein:visited {
	display : inline-block;
	background-color : #fa8278;
	color : #fff;
	margin: 0px;
	padding: 8px 12px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.2em;
	border-radius: 5px;
}

a.plein:hover, a.plein:active {
	background-color : #b47882;
	}



a.fb:link, a.fb:visited {
	display : inline-block;
	background-color : #0a64ff;
	color : #fff;
	margin: 0px;
	padding: 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.1em;
	border-radius: 8px;
}

a.fb:hover, a.fb:active {
	background-color : #7a743e;
	}



/*********** LISTES *************/

ul {
list-style: square;
}


ul.sans {
list-style:none;
}


/************* IMAGES ********************/



.img {
max-width: 100%;
display: block;
      }


img.red {
max-width: 100%;
display: block;
      }






/*

div.bandologo {
	margin:0 auto;
	padding:8px 0 0 0;
    width: 90%;
    height: 50px;
    background:#fff;
	text-align:left;
	
}



div.sousmenu {
	margin : 0px auto;
	padding : 0 0 10px 0;
	text-align:right;
	
}






@media all and (max-width: 991px)
{
div.moitie {
	padding:10px 0;
	width:90%;
	color:#fff;
}
}




div.hautbando {

	background-color:#7a743e;
	text-align:center;
	padding:4px 10%;
	margin:0px;

}





div.bando {

	margin : 0px;
	padding : 0%;
	text-align:left;
	height: auto;
	text-align:center;

}



div.global {
	margin: 0% 5% 0% 5%;
	padding: 0;
	height:auto;
	text-align:left;

	
}











hr {
border: 1px solid #ccc;
}





.bgorange {
background-color: #ffefd8;
}

.bgfonce {
background-color : #50543c;
 }

.bgkaki {
background-color : #7a743e;
 }

.bgclair {
background-color : #7a743e;
 }

.bgbeige {
background-color : #d2dc73;
 }
 
  .bgbeige2 {
background-color : #f9f3d2;
 }

.bgrouge {
background-color : #732813;
 }


.bgamande {
background-color: #d2dc73;
}


.bggrisclair {

background-color:#dce4a6;
}


.clrfonce {
color : #50543c;
 }

.clrkaki {
color : #7a743e;
 }

.clrclair {
color : #7a743e;
 }

.clrbeige {
color : #7a743e;
 }
 
 .clrbeige2 {
 color : #7a743e;
 }

.clrrouge {
color : #732813;
 }
  

 
 .clrclairok {
 color: #cfb968;
 }


.clrblanc2 {
 color: #fff;
 }






.pad5 {
padding: 5%;
}




.floatleft {
float:left;
}


.floatright {
float:right;
}



div.cadrehomegros {
	background-image:url(../images/consultations-comportementaliste-programmes-chat.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	margin : 0px;
	padding : 260px 20px 60px 20px;
	height: auto;
	text-align:left !important
}


div.cadrehomepetit1 {
	background-image:url(../images/resoudre-probleme-pipi-chat.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	margin : 0px 0px 26px 0px;
	padding : 80px 20px 60px 20px;
	height: auto;
	text-align:left !important
}


div.cadrehomepetit2 {
	background-image:url(../images/adopter-deuxieme-chat.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	margin : 0px;
	padding : 80px 20px 60px 20px;
	height: auto;
	text-align:left !important
}


div.cadrehomepetit3 {
	background-image:url(../images/bilan-bien-etre-chat-2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	margin : 0px;
	padding : 80px 20px 60px 20px;
	height: auto;
	text-align:left !important
}



div.homehaut {
	background-image:url(../images/home/comportementaliste-felin.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin : 0px auto;
	padding : 5% auto;
	min-height: 860px;
	height: auto;
	text-align:center !important
}


div.ronde {
border-radius: 5px;
margin:20px 0;
padding:8px;
}




@media all and (min-width: 1200px) {

div.preshome {
width:29%;
min-width:29%;
max-width:29%;
margin: 1%;
padding: 1%;	
float: left;
border: 1px solid #ccc;
border-radius: 5px;

}


div.preshome2 {
width:27%;
min-width:27%;
max-width:27%;
margin:2% 1%;
padding: 2%;	
float: left;
border: 1px solid #ccc;
}


div.preshomess {
width:27%;
min-width:27%;
max-width:27%;
margin:2% 1%;
padding: 2%;	
float: left;
border: none;
}


}


@media all and (min-width: 800px) and (max-width: 1199px) {

div.preshome {
width:41%;
min-width:41%;
max-width:41%;
margin:1%;
padding: 2%;	
float: left;
border: 1px solid #ccc;
border-radius: 5px;
}


div.preshome2 {
width:88%;
min-width:88%;
max-width:88%;
margin:8% 0%;
padding: 4%;	
border: none;
}


div.preshomess {
width:41%;
min-width:41%;
max-width:41%;
margin:2% 2%;
padding: 2%;	
float: left;
border: none;
}


}




@media all and (max-width: 799px) {

div.preshome {
width:92%;
min-width:92%;
max-width:92%;
margin:10% 0%;
padding: 2%;	
border: none;
border-radius: 5px;
}


div.preshome2 {
width:88%;
min-width:88%;
max-width:88%;
margin:8% 0%;
padding: 4%;	
border: none;
}


div.preshomess {
width:92%;
min-width:92%;
max-width:92%;
margin:8% 0%;
padding: 4%;	
border: none;
}


}






@media all and (min-width: 1200px) {

div.menubleu {
	margin : 0px auto;
	padding : 0px 10% 10px 10%;
	text-align:left;
	background-color: #50543c;
	color: #fff;
	font-size:100%;
	font-variant:small-caps;
	line-height: 1.5em;
}


div.menubleu2 {
	margin : 0px auto;
	padding : 0px 10% 0px 10%;
	text-align:left;
	background-color: #f7b234;
	color: #fff;
	font-size:95%;
	line-height: 1.5em;
}


div.contenu {
	margin : 0px;
	padding : 0px 3% 26px 0;
	text-align:justify;
	float: left;
	width: 73%;
	min-width: 150px;
	background-color: transparent;
	float:left;
}


div.menudroite {
	margin : 0px;
	padding : 44px 0% 16px 1%;
	text-align:left;
	background-color: transparent;
	font-size:1em;
	width:22%;
	min-width: 150px;
	float:left;
	color: #fff;
	border-left: 1px solid #50543c;
}


div.ariane {
background-color: transparent;
margin : 0 0 16px 0;
padding : 0;
text-align:left;
font-size: 90%;
}



}




@media all and (min-width: 0px) and (max-width: 1199px) {


div.menubleu {
display:none;
}



div.menubleu2 {
display:none;
}


div.contenu {
	margin : 0px;
	padding : 16px 0;
	text-align:left;
	width: 100%;
	min-width: 300px;
}


div.menudroite {
	margin : 44px 0px 16px 0px;
	padding : 26px 0% 0% 0%;
	text-align:center;
	background-color: transparent;
	font-size:1em;
	width:100%;
	min-width: 300px;
	border-top: 1px solid #b1a44f;
}


div.ariane {
display:none;
}



}







div.diapo {
	background-image:url(../images/diapo/fond-diapo4.jpg);
	background-repeat:repeat-x;
	margin : 0px;
	padding : 0% 10%;
	text-align:center;
}


div.classic {
	margin : 0px;
	padding : 100px 10% 100px 10%;
	text-align:center;
}


div.classic2 {
	margin : 0px;
	padding : 0px 10% 100px 10%;
	text-align:center;
}


div.classic3 {
	margin : 0px;
	padding : 0px 10% 100px 10%;
	text-align:left;
}


div.classiclight {
	margin : 0px;
	padding : 44px 10% 44px 10%;
	text-align:center;
}


div.classiclight2 {
	margin : 0px;
	padding : 16px 10% 44px 10%;
	text-align:left;
}


div.classicsans {
	margin : 0px;
	padding : 0px 10% 0px 10%;
	text-align:left;
}


div.classicsans2 {
	margin : 0px;
	padding : 0px 10% 0px 10%;
	text-align:right;
}


div.conteneursimple {
	margin : 0px;
	padding : 0px;
	text-align:left;
}



div.conteneursimple2 {
	margin : 0px;
	padding : 8px;
	text-align:left;
}



div.menubleu li {
display : inline-block;
padding: 0;
margin: 0;
}



div.menubleu2 li {
display : inline-block;
padding: 0;
margin: 0;
}


div.menubleu a:link, div.menubleu a:visited {
	display : inline-block;
	color : #fff;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 16px;
	text-decoration:none;
	font-weight: bold;
	text-align:center;

	background-color: transparent;
}

div.menubleu a:hover, div.menubleu a:active {
	background-color : #d2dc73;
	color: #50543c;
	}



div.menubleu2 a:link, div.menubleu2 a:visited {
	display : inline-block;
	color : #fff;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 16px;
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	background-color: transparent;
}

div.menubleu2 a:hover, div.menubleu2 a:active {
	background-color : #d2dc73;
	color: #50543c;
	}






div.footer4 a:link, div.footer4 a:visited {
	background-color : transparent;
	color: #ccc;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration:none;
	font-weight: normal;
}

div.footer4 a:hover, div.footer4 a:active {
	color : #fff;
	text-decoration:none;
	}


div.footer4 li {
list-style-image:none;
}


.trait {
border-bottom: 1px solid #333;
padding: 4px 0px;
}


.trait2 {
border-bottom: 1px solid #333;
padding: 4px 0px;
}




@media all and (min-width: 1200px) {


div.article {
padding: 2%;
margin: 2% 1%;
border: 1px solid #50543c;
border-left: 8px solid #50543c;
background-color: #d2dc73;
color: #50543c;
}


div.imgart {
float:left;
width: 30%;
}


div.txtart {
float:left;
margin:0% 0% 0% 5%;
padding:0% 0% 0% 4%;
border-left: 1px solid #50543c;
width: 60%;
}



div.artpetit {
padding: 1% 2%;
margin: 5% 0;
border-bottom: 1px solid #b1a44f;
border-left: 8px solid #ccc;
font-size:90%;
}


div.txtpage {
padding: 0px 0px 0px 4%;
margin: 0;
border-left: 8px solid #d2dc73;
}


div.demieg {
width:30%;
min-width:30%;
max-width:30%;
margin:0px;
padding:100px 5% 100px 10%;	
float: left;
text-align:center;
}


div.demiedroite {
width:30%;
min-width:30%;
max-width:30%;
margin:0px;
padding:100px 10% 100px 5%;	
float: left;
text-align:center;
}


div.demied {
width:30%;
min-width:30%;
max-width:30%;
margin:0px;
padding:100px 10% 100px 5%;	
float: left;
text-align:center;
}


div.demiesimple {
width:45%;
min-width:45%;
max-width:45%;
margin:2%;
padding:0px;	
float: left;
}


div.demiesimple2 {
width:45%;
min-width:45%;
max-width:45%;
margin:0;
padding:0px;	
float: left;
}


div.demiesimple50 {
width:44%;
min-width:44%;
max-width:44%;
margin:5% 8px;
padding:0px;	
float: left;
}

div.div50 {
width:50%;
min-width:50%;
max-width:50%;
margin:0px;
padding:0px;	
float: left;
}



div.div50bis {
width:50%;
min-width:50%;
max-width:50%;
margin:0px;
padding:0px;	
float: left;
}


div.div15 {
width:15%;
min-width:15%;
max-width:15%;
margin:0px;
padding:0px;	
float: left;
background-color:#333;
}


div.tiers {
width:23%;
min-width:23%;
max-width:23%;
margin:0px;
padding: 2% 5%;	
float: left;
}





div.tiers2023 {
width:27%;
min-width:27%;
max-width:27%;
margin:0;
padding: 5% 3%;	
float: left;
}


@media all and (max-width: 991px)
{
div.tiers2023 {
width:100%;
margin:10% 0;
padding: 5%;
float:none;
background:#999;
border-bottom:10px inset #ccc;
}
}






div.tierssimple {
width:33%;
min-width:33%;
max-width:33%;
margin:0px;
padding:0px;	
float: left;
}


div.quart {
width : 24%;
min-width : 24%;
max-width : 24%;
padding : 0px 1% 0 0;
float:left;
}



div.footer4 {
width : 21%;
min-width : 21%;
max-width : 21%;
padding : 0 2% 0 0;
float:left;
font-size:90%;
color: #d2dc73;
}


div.footer4bis {
width : 24%;
min-width : 24%;
max-width : 24%;
padding : 0px 1% 0 0;
float:left;
text-align: left;
font-size:90%;
}



}


@media all and (min-width: 0px) and (max-width: 1199px) {


div.article {
padding: 2%;
margin: 5% 0;
border: 1px solid #50543c;
border-left: 8px solid #50543c;
background-color: #d2dc73;
color: #50543c;
}

div.imgart {
float:none;
}

div.txtart {
float:none;
}



div.artpetit {
padding: 1% 2%;
margin: 16px 0;
border-bottom: 1px solid #b1a44f;
border-left: 8px solid #ccc;
font-size:90%;
}


div.txtpage {
padding: 0;
margin: 0;
border-left: none;
}


div.demieg {
width:90%;
margin:0px;
padding:5%;
text-align:center;
}

div.demied {
width:90%;
margin:0px;
padding:5%;
text-align:center;
}

div.demiesimple {
width:98%;
margin:0px;
padding:2%;
text-align:center;
}


div.demiesimple2 {
width:98%;
margin:0px;
padding:2%;
text-align:center;
}

div.demiesimple50 {
width:90%;
margin:0px;
padding:5%;
text-align:center;
}

div.div50 {
width:90%;
margin:44px 0px;
padding:0;	
}


div.div50bis {
width:90%;
margin:26px 0px;
padding:0;	
}


div.div15 {
display:none;
}


div.tiers {
width:90%;
margin:0px;
padding:5%;	
}


div.tierssimple {
width:90%;
margin:0px;
padding:5%;	
}

div.quart {
width : 90%;
padding : 0px 0% 0 0;
}

div.footer4 {
width : 90%;
padding : 5%;
text-align: center;
font-size:100%;
color: #cfb968;
}

div.footer4bis {
width : 90%;
padding : 5%;
text-align: left;
font-size:100%;
}



}






div.neutred {
clear: right;
}


div.neutreg {
clear: left;
}


div.neutre10 {
clear: both;
padding: 5px 0px;
}


div.neutre24 {
clear: both;
padding: 12px 0px;
}


div.neutre50 {
clear: both;
padding: 25px 0px;
}


div.neutre80 {
clear: both;
padding: 40px 0px;
}





div.article2 {
padding: 0 2% 0 2%;
margin: 0;
border: 1px solid #50543c;
background-color: #d2dc73;
color: #50543c;
}


div.cadre {
padding: 10px;
border: 1px solid #50543c;
background-color: #d2dc73;
color: #50543c;
}

div.cadreesp {
padding: 10px;
border: 1px solid #50543c;
background-color: #d2dc73;
margin : 0px 0px 16px 0px;
color: #50543c;
}

div.cadregris {
padding: 26px;
border: none;
background-color: #f2f2f2;
}

div.cadre2 {
margin: 0px 26px;
padding: 10px;
border: 1px solid #ccc;
background-color: transparent;
}

div.cadregt {
padding: 10px;
border: 1px solid #ccc;
border-left: 16px solid #ff7800;
background-color: transparent;
}


div.cadregtb {
padding: 10px;
border: 1px solid #ccc;
border-left: 16px solid #7a743e;
background-color: transparent;
}


div.cadremilieu {
padding: 10px;
margin: 0px 25%;
border: 1px solid #ccc;
background-color: transparent;
}

div.cadremini {
padding: 8px 4px;
margin: 4px 0px;
border-left: 8px solid #f2f2f2;
border-bottom: 1px solid #ccc;
background-color: transparent;
font-size:90%;
line-height: 1.2;
}



.simple {
margin:0;
padding:0;
}


.opak {
opacity:0.6;
background-color:#fff;
display : inline-block;
padding:1% 2%;
}



.centrer{
text-align: center;
}


.gauche{
text-align: left !important
}


.petit {
font-size: 0.8em;
}




.gros1 {
	font-size: 1.5em;
}




.gros3 {
	font-size: 2em;
}


.aligndroite {
text-align:right;
}


.aligngauche {
text-align:left;
}

.justif {
text-align : justify;
}

.centrerh {
display: table-cell;
vertical-align: middle;
}


.maj {
text-transform:uppercase;
}


.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




h1 {
font-size: 2em;
padding: 0 0 8px 0;
margin: 0 0 26px 0;
font-weight:bold;
color:#50543c !important;
line-height: 1.2;
background-color : transparent;
border-bottom: 4px solid #ccc !important;
text-align: left;
border:none;
}



h1.home {
font-size: 2em;
font-weight:bold;
padding: 8px;
margin: 8px auto 16px;
color:#50543c;
text-decoration:none;
text-align: center  !important
}



h2{
font-family: Impact, sans-serif;
font-size: 1.8em;
padding: 4px;
margin: 20px 0;
color:#7a743e;
text-decoration:none;
line-height:normal;
font-weight:normal;
text-align:left   !important;
}



h2.homepresent{
font-size: 1.8rem;
padding: 0px 0px 0px 16px;
margin: 0px;
color:#50543c;
text-decoration:none;
line-height:normal;
text-align: left  !important
}


h2.homepresent2{
font-size: 1.5rem;
padding: 0px 0px;
margin: 0px;
color:#fff;
text-decoration:none;
line-height:normal;
text-align: left  !important
}


h2.homepresent3{
font-size: 1.5rem;
padding: 0px 0px;
margin: 0px;
color:#333;
text-decoration:none;
line-height:normal;
text-align: left  !important
}


h2.fond {
display:block;
background-color: #d2dc73;
padding:2%;
color: #50543c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


h2.affart{
font-size: 1.2em;
padding: 8px 0px;
margin: 0px 0px 0px 0px;
color:#732813;
text-decoration:none;
}


h2.projet{
font-size: 1.2em;
font-weight:normal;
padding: 4px;
margin: 8px 0px 4px 0px;
color:#fff;
background-color:#7a743e;
}


h2.projet2{
font-size: 1.2em;
font-weight:normal;
padding: 4px;
margin: 8px 0px 4px 0px;
color:#7a743e;
background-color:#fff;
}


h2.home{
font-size: 1.6em;
padding: 0px 0px;
margin: 0px 0px;
color:#fff;
}


h2.home1{
font-size: 1.4em;
padding: 0px 0px;
margin: 0px 0px 16px 0px;
color:#7a743e;
}

h2.home2{
font-size: 2.8em;
padding: 0px 0px;
margin: 0px 0px;
color:#fff;
}

h2.home3{
font-size: 3em;
padding: 0px 0px;
margin: 0px 0px;
}


h2.home4{
font-size: 1.4em;
padding: 0px 0px;
margin: 0px 0px;
color:#fff;
}


h2.big{
font-size: 1.8em;
padding: 8px;
margin: 0px 0px;
border: 1px solid #ccc;
}



h3 {
font-size: 1.2em;	
padding: 4px 0px;
margin: 16px 0px;
color:#b1a44f;
text-align: left !important
}


h3.home {
font-size: 2em;	
padding: 0px 0px;
margin: 0px 0px;
}


h3.petit {
font-size: 1.2em;	
padding: 0px 0px;
margin: 0px 0px;
}


h4 {
font-size: 1em;
color:#333;
font-weight:bold;
background-color: #dce4a6;
padding: 8px;
}



a.plein2023:link, a.plein2023:visited {
	display : inline-block;
	background-color : #e5562c;
	color : #fff;
	margin: 0px;
	padding: 8px 12px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.2em;
	border-radius: 5px;
}

a.plein2023:hover, a.plein2023:active {
	background-color : #50543c;
	}




a.plein1:link, a.plein1:visited {
	display : inline-block;
	background-color : #ff7800;
	color : #fff;
	margin: 16px 16px 16px 0px;
	padding: 16px 32px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.2em;
}

a.plein1:hover, a.plein1:active {
	background-color : #7a743e;
	}




a.plein2:link, a.plein2:visited {
	display : inline-block;
	background-color : #ff7800;
	color : #fff;
	margin: 0px;
	padding: 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.1em;
}

a.plein2:hover, a.plein2:active {
	background-color : #7a743e;
	}



a.plein3:link, a.plein3:visited {
	display : inline-block;
	background-color : #ff7800;
	opacity: 0.8;
	color : #333;
	margin: 2px 0px;
	padding: 1px 4px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.1em;
}

a.plein3:hover, a.plein3:active {
	background-color : #fff;
	}




a.plein4:link, a.plein4:visited {
	display : inline-block;
	background-color : #96bd0d;
	color : #fff;
	margin: 2px 0px;
	padding: 1px 4px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.2em;
}

a.plein4:hover, a.plein4:active {
	background-color : #ff7800;
	}





a.pleinfb:link, a.pleinfb:visited {
	display : inline-block;
	background-color : #3b5998;
	color : #fff;
	margin: 0px;
	padding: 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.1em;
}

a.pleinfb:hover, a.pleinfb:active {
	background-color : #7a743e;
	}





a.pleinyt:link, a.pleinyt:visited {
	display : inline-block;
	background-color : #c8312b;
	color : #fff;
	margin: 0px;
	padding: 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.1em;
}

a.pleinyt:hover, a.pleinyt:active {
	background-color : #d40000;
	}



a.sans:link, a.sans:visited {
	color : #50543c;
	text-decoration:none;
	font-weight: normal;
	line-height:normal;
	background-color:transparent;
}

a.sans:hover,  a.sans:active {
	color : #000;
	text-decoration:none;
	font-weight: normal;
	line-height:normal;
	background-color:#ccc;
	}



a.noir:link, a.noir:visited {
	color : #000;
	text-decoration:none;
	font-weight:bold;
	background-color:transparent;
}

a.noir:hover, a.noir:active {
	color : #ff7f00;
	text-decoration:none;
	font-weight:bold;
	background-color:transparent;
	}






div.cadre a:link, div.cadre a:visited {
	color:#50543c;
	text-decoration:none;
}

div.cadre a:hover, div.cadre a:active {
	color:#50543c;
	text-decoration:none;
	background-color:#000;
}








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



a:hover, a:active {
color : #7a743e; 
text-decoration : none;
background-color: none;
font-weight : bold;
} 



span.rouge {
color :#bd0926;
}

.orange {
color:#ff7800;
}


.arrondi {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}



ul {
margin : 0px;
padding : 0px;
list-style-position:inside;
}

ul.dec {
margin : 0px 0px 0px 40px;
padding : 0px;
list-style-position:inside;
}


ul ul {
margin : 0px 16px;
padding : 0px;
list-style-position:inside;
}


li {
list-style-image:url(../images/img-list.gif);
padding : 2px;
margin: 12px 0px;
}

li.plus {
list-style-image: url(../images/fleche_fd_blanc.gif);
padding : 2px;
margin:0px;
}



ul.check li {
 list-style-image : url(../images/check.png);
} 



img {
  max-width: 100%;
  height: auto;
}


a img {
border : none;
background-color:transparent;
text-decoration:none !important ;
padding: 0 !important ;
margin: 0 !important ;
color:#666;
}


img.bloc {
	display:inline-block;
	padding:0;
	margin:0;
}




img.gauche {
float : left;
margin-right : 20px;
margin-bottom : 10px;
}

img.gauche_sans {
float : left;
margin : 0px;
margin : 0px;
}

img.gauche_cadre {
float : left;
margin-right : 20px;
margin-bottom : 10px;
border: 1px solid #f7931e;
}


img.droite {
float : right;
margin-left : 16px;
margin-bottom : 8px;
}


img.droite_cadre {
float : right;
margin-left : 20px;
margin-bottom : 10px;
border: 1px solid #f7931e;
}


img.cadre {
border: 1px solid #ccc;
}


div.rogne
{
padding : 0px;
margin: 0px;
width : 200px;
max-width: 200px;
min-width: 200px;
height : 200x;
max-height: 200x;
min-height: 200px;
overflow:hidden;
}



form {
margin: 0px;
padding:0px;
background-color:transparent;
border: none;
}


form.2023 {
display:inline-block;
margin: 0px;
padding:0px;
background-color:transparent;
border: none;
}


fieldset {
background-color: #d2dc73;
color : #50543c;
padding : 16px;
text-align:center;
border: 2px solid #50543c;
}



fieldset.petit {
background-color: #d2dc73;
color : #333;
padding : 0px 8px;
text-align:center;
border: 2px solid #50543c;

}


fieldset.new2023 {
background-color: #dce4a6;
padding : 0;
margin:4px;
text-align:center;
font-size:90%;
border: 2px solid 50543c;
border-radius: 5px;
}



legend {
font-size: 1.4em;
font-weight: bold;
padding: 0px 16px 20px 16px;
margin-left: 20px;
background-color: transparent;
color: #50543c;
border: none;
}


legend.petit {
font-size: 1.4em;
font-weight: bold;
padding: 0px 16px 20px 16px;
margin-left:20px;
background-color: transparent;
color: #d2dc73;
}


label{
color: #333;
font-weight: bold;
font-size:1.4em;
}


textarea {
border: 2px solid #50543c;
margin: 1%;
}


input {
border: 2px solid #50543c;
padding: 1%;
margin: 1% 0;
}


input.petit {
	background-color : #732813;
	color : #d2dc73;
	margin: 8px 0px 0px 0px;
	padding: 4px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.2em;
	border: 2px solid #d2dc73;
}


input.new2023 {
	background-color: #dce4a6;
	color: #50543c;
	margin: 0;
	padding: 8px;
	text-decoration:none;
	text-align: left;
	border: none;
	border-radius: 5px;
	font-weight:bold;
}


input.petit2 {
border: 2px solid #50543c;
padding: 1%;
margin: 0px;
}


input[type=radio]{
text-align:left;
width:auto;
}


.reduit input[type="radio"]{
margin:0px;
padding:0px;
}


input[type=checkbox]{
text-align:left;
width:auto;
}



input.submit {
	background-color:#fff;
	color : #333;
	border: none;
	border-radius: 5px;
	margin: 0px 0px 0px 16px;
	padding: 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.4em;
}


input.submit2023 {
	background-color:#fff;
	border: none;
	border-radius: 5px;
	margin: 0px 0px 0px 16px;
	padding: 4px 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.5em;
}


input.submit2024 {
	background-color:#f90;
	border: none;
	border-radius: 5px;
	margin: 0px 0px 0px 16px;
	padding: 16px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:1.5em;
}




select {
display:inline-block;
margin: 0px;
padding: 12px 16px;
border: 2px solid #333;
}




table.tab4 {
width:100%;
margin:0px;
border: 1px solid #ccc;
}

table.tab3 {
width:100%;
margin:0px;
border: 1px solid #ccc;
}

th {
height:26px;
font-weight : bold;
border-bottom: 1px solid #ccc;
text-align:center;
background-color:#fb8819;
color:#fff;
vertical-align:middle;
}

.tab4 td {
width:12%;
padding:2%;
margin:1%;
border-bottom: 1px solid #ccc;
text-align:center;
vertical-align:middle;
}

.tab3 td {
width:31%;
padding:1%;
margin:1%;
border-bottom: 1px solid #ccc;
vertical-align:middle;
}

	

.g-recaptcha {
        display: inline-block;
    }






body.outil {
font-size : 1em;
line-height: 1.8;
margin: 0px;
padding: 0px;
text-align:center;
min-width:300px;
font-family: Arial, sans-serif;
overflow:scroll;
background-color: #f2f2f2;
color: #4d4d4d;
height: 100%;
}




div.hautbando2 {
	background-color:#96bd0d;
	text-align:center;
	padding:4px 10%;
	margin:0px;
}


@media all and (min-width: 1200px) {

div.global_outil {
	margin : 0% 15% 0% 15%;
	padding : 26px 0px 44px 0px;
	text-align:left;
	background-color:#f2f2f2;
}

}



@media all and (min-width: 0px) and (max-width: 1199px) {

div.global_outil {
	margin : 0;
	padding : 1%;
	text-align:left;
	background-color:#f2f2f2;
}

}



div.menu_outil {
	margin : 0px auto;
	padding : 0px 15% 0px 15%;
	text-align:left;
	background-color: #50543c;
	color: #fff;
	font-size:95%;
	line-height: 1.5em;
}


div.menu_outil li {
display : inline-block;
padding: 0;
margin: 0;
border-left: 1px solid #fff;
}


div.menu_outil a:link, div.menu_outil a:visited {
	display : inline-block;
	color : #fff;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 16px;
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	background-color: transparent;
}


div.menu_outil a:hover, div.menu_outil a:active {
	background-color : #d2dc73;
	color: #50543c;
	}


div.stress {
background-color:#e4342d;
color:#fff;
float:left;
text-align:center;
}


div.confort {
background-color:#96bd0d;
float:left;
color:#fff;
text-align:center;
}


div.cadrepipi {
margin : 0;
padding: 8px;
border: 1px solid #ccc;
background-color:#bcb893;
}


div.cadrediag {
margin : 0;
padding: 20px;
border: 2px solid #f7b234;
background-color:#f8f1d6;
}



div.cadredeca{
margin : 0 0 0 20px;
padding: 20px;
border: 2px solid #f7b234;
background-color:transparent;
}



div.global_outil h1{
margin : 16px 0px 0px 0px !important ;
padding: 4px 8px !important ;
font-size:2em;
border: none;
background-color:#ff7800;
color: #fff  !important
}


div.global_outil h2{
margin : 26px 0px 0px 0px !important ;
padding: 4px 8px !important ;
border: none;
font-size:1.5em;
background-color:#96bd0d;
color: #fff  !important
}


div.global_outil h3:before{
content:url('../images/carre.png');
}


div.global_outil h3{
margin : 8px 0px 0px 0px !important ;
padding: 4px 8px !important ;
border: none;
font-size:1.2em;
background-color:transparent;
color: #333  !important;
}

h2.pipi {
margin : 26px 0px 0px 0px !important ;
padding: 8px !important ;
border: none;
background-color:#98958f;
color: #fff  !important
}


h3.pipi {
font-size: 1.2em;
color: #be7d4d;
padding: 0px 0px;
margin: 0px 0px;
text-align: left !important
}


div.cadrerougepipi {
margin : 0;
padding: 4%;
border: none;
background-color: #e4342d;
color:#fff;
}


div.reponsepipi {
padding: 0 0 0 16px;
margin: 4px 0;
border-left: 4px solid #ccc;
background-color: transparent;
color: #333;
}



fieldset.quest {
border: 1px solid #ccc;
background-color:#fff;
padding : 16px 10%;
text-align:left;
}


fieldset.classik {
border: 1px solid #ccc;
background-color:#fff;
padding : 12px;
text-align:left;
}


div.global_outil input.submit {
	background-color : #96bd0d;
	color : #fff;
	border: none;
	border-radius: 5px;
	margin: 4px;
	padding: 4px 8px;
	text-decoration:none;
	text-align : center;
	font-weight: bold;
	font-size:120%;
}



@media all and (min-width: 1200px) {

div.presjour {
	margin : 0% 30% 0% 30%;
	padding : 5%;
	text-align:center;
	background-color:#fff;
	color:#333;
	border: 1px solid #ccc;
}


div.agendajour {
margin : 0;
padding: 1% 2%;
border: 1px solid #ccc;
background-color: transparent;
width:10%;
color: #333;
float:left;
}


}



@media all and (min-width: 0px) and (max-width: 1199px) {

div.presjour {
	margin : 1%;
	padding : 1%;
	text-align:center;
	background-color:#fff;
	color:#333;
	border: 1px solid #ccc;
}


div.agendajour {
margin : 5% 0%;
padding: 1%;
background-color: transparent;
color: #333;
border: 1px solid #ccc;
}

}



div.rdv{
margin : 2%;
padding: 2%;
font-size:1.2em;
border: 2px solid #96bd0d;
background-color: transparent;
color: #333;
float:left;
}


div.rdv2{
margin : 1%;
padding: 1%;
font-size:1.2em;
border: 2px solid #96bd0d;
background-color: transparent;
color: #333;
float:left;
}



div.rdvlibre{
margin : 0;
padding: 2%;
background-color: #96bd0d;
color: #333;
}



div.rdvpris{
margin : 0;
padding: 2%;
background-color: #ff7800;
color: #333;
}



div.nomjour{
margin : 0;
padding: 1%;
background-color:#09f;
color: #fff;
}



.column-layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.column-layout > div {
  display: flex;
  width: 30%;
  padding: 1%;
  margin: 10px 0.666%;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,0.05);
}



.column-layout2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.column-layout2 > div {
  display: flex;
  width: 45%;
  padding: 1%;
  margin: 10px 1.5%;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,0.05);
}


.deflex {
display: block;
}

*/