@charset "utf-8";

/* CSS Document */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#header_ban {
	width: 916px;
	margin: auto;
	height: 50px;
}

#header_logo {
	width: 916px;
	margin: auto;
	height: 71px;
	background-image: url(../img/decp/page%201_r2_c1_s1.png);
}

#header_image {
	width: 916px;
	margin: auto;
	height: 341px;
	/*background-image:url(../img/decp/page%201_r3_c1_s1.png);*/
}

#ligne_sous_logo {
	width: 100%px;
	margin: auto;
	height: 2px;
	background-image: url(../img/ligne_sous_menu.png);
}

#cadre_middle {
	width: 100%;
	/*904px;*/
	min-height: 400px;
	background-color: #edebe8;
}

#pointille {
	background-image: url(../img/pointille.png);
	height: 1px;
	width: 300px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.champobligatoire {
	font-weight: bold;
	color: red;
}

.saisie {
	font-weight: bold;
	font-size: 12px;
	color: #0C2A66;
}


.head_bloc {
	line-height: 20px;
	vertical-align: middle;
	height: 20px;
	color: #0C2A66;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase
}

h2 {
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: #525657;
}

.titre_home_ {
	font-family: Berlin Sans FB;
	font-size: 20px;
	color: #42658f;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.titre_home_contact {
	font-family: Berlin Sans FB;
	font-size: 20px;
	color: #32b730;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.titre_home_contact_error {
	font-family: Berlin Sans FB;
	font-size: 20px;
	color: #ee1818;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.titre_cercle {
	font-family: Verdana;
	font-size: 12px;
	color: #42658f;
	font-weight: bold;
	/* letter-spacing: 0.2px; */
}

.titre_home {
	font-family: Tahoma, Arial;
	font-size: 20px;
	color: #42658f;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.content_page {
	margin-top: 10px;
	margin-left: 13px;
	margin-right: 20px;
	margin-bottom: 15px;
	line-height: 1.5;
	text-align: justify;
	font-size: 14px;
}


#myliste ol {
	counter-reset: repas;
	margin: 0;
	padding: 0;
}

/* on initialise et nomme un compteur */

#myliste li {
	list-style-type: none;
	counter-increment: repas;
	/* on incrémente le compteur à chaque nouveau li */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: none
}

#myliste li:before {
	content: counter(repas);
	/* on affiche le compteur */
	padding: 0 5px 0px;
	margin-right: 8px;
	/* vertical-align: top; */
	background: #678;
	-moz-border-radius: 60px;
	border-radius: 60px;
	font-weight: bold;
	font-size: 0.8em;
	color: white;
}

.linked {
	text-decoration: none;
	font-size: 14px;
}

.add {
	background: url(../img/icon/approche.png) no-repeat 10px 8px;
	text-indent: 30px;
}

.annuaire {
	background-image: url(../img/icon/Icone-annuaire0.png);
	background-repeat: no-repeat;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block;
}

.titre_home_ac {
	background-image: url(../img/icon/puce_nialy.gif);
	background-repeat: no-repeat;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	color: #FF6600;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block;
}

.boutique {
	background-image: url(../img/icon/boutiq.png);
	background-repeat: no-repeat;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block
}

.recherche_paterne {
	background-image: url(../img/icon/recherche_paterne.png);
	background-repeat: no-repeat;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block
}

.seminaire {
	background-image: url(../img/icon/formation.png);
	background-repeat: no-repeat;
	height: 16px;
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block
}

.nada {
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block
}

.police_special {
	font-family: Tahoma, Arial;
	font-size: 23px;
	height: 40px;
	color: #525657;
}

.etude_consultation {
	background-image: url(../img/icon/icon-etude.png);
	background-repeat: no-repeat;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
	color: #f89306;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	display: block
}

.contexte {
	background-image: url(../img/icon/contexte.png);
	background-repeat: no-repeat;
	height:25px; 
	padding-left: 35px;
	font-weight: bold;
}

.ceque_nous_apportons {
	background-image: url(../img/icon/plus_gros.png);
	background-repeat: no-repeat;
	/* height:25px;  */
	padding-left: 35px;
	font-weight: bold;
}

.pourqui {
	background-image: url(../img/icon/pourki.png);
	background-repeat: no-repeat;
	/* height:25px;  */
	margin-top: 15px;
	font-weight: bold;
	padding-left: 35px
}

.notre_approche {
	background-image: url(../img/icon/notre_approche.png);
	background-repeat: no-repeat;
	/* height:25px;  */
	padding-left: 35px;
	font-weight: bold;
}

.ceque_nous_traitons {
	background-image: url(../img/icon/nous_traitons.png);
	background-repeat: no-repeat;
	/* height:25px;  */
	padding-left: 35px;
	font-weight: bold;
}

.notreApproche {
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 22px;
	color: #525657;
}

.plusInfo {
	font-size: 18px;
	font-weight: bold;
	color: #525657;
}

.title_lengende {
	color: #009900;
	font-weight: bold;
	font-size: 12px;

}

.myButton {

	-moz-box-shadow: inset 0px 1px 0px 0px #ffe0b5;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffe0b5;
	box-shadow: inset 0px 1px 0px 0px #ffe0b5;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
	background: -moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
	background: -webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
	background: -o-linear-gradient(top, #fbb450 5%, #f89306 100%);
	background: -ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
	background: linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306', GradientType=0);

	background-color: #fbb450;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	border: 1px solid #c97e1c;

	display: inline-block;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: bold;
	padding: 6px 11px;
	text-decoration: none;

	text-shadow: 0px 1px 0px #8f7f24;

}

.myButton:hover {

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
	background: -moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
	background: -webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
	background: -o-linear-gradient(top, #f89306 5%, #fbb450 100%);
	background: -ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
	background: linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450', GradientType=0);

	background-color: #f89306;
}

.myButton:active {
	position: relative;
	top: 1px;
}

.btned {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.btned:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.pagination {
	width: auto;
	text-align: center;
	padding: 1px 1px;
	border: #CCCCCC solid 1px;
	margin-right: 2px;
}

.pagination a {
	padding: 0 3px;
	text-decoration: none;
	color: #235781;
	background: #eee;
	font-weight: bold;
}

.pagination a:hover,
.pagination a.selected {
	color: #ffffff;
	background-color: #f7941d;
	font-weight: bold;
}

.footer {
	font-size: 14px;
}

strong {
	font-weight: bold !important;
}

/**/
.buttons {
	float: left;
	padding-bottom: 20px;
	clear: both;
}

a.button {
	color: #6e6e6e;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 7px 12px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
	border: solid 1px #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right: 10px;
}

a.button:hover {
	color: #333;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

a.button:active {
	color: #000;
	border-color: #444;
}

a.left {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	margin: 0;
}

a.middle {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-left: solid 1px #f3f3f3;
	margin: 0;
	border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover,
a.right:hover {
	border-left: solid 1px #999
}

a.right {
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	border-left: solid 1px #f3f3f3;
	border-left: solid 1px rgba(255, 255, 255, 0);
}

a.big {
	font-size: 16px;
	padding: 10px 15px;
}

a.supersize {
	font-size: 20px;
	padding: 15px 20px;
}

a.save {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 10px 7px no-repeat #f3f3f3;
	padding-left: 30px;
}

a.add {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 10px -27px no-repeat #f3f3f3;
	padding-left: 30px;
}

a.delete {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 10px -61px no-repeat #f3f3f3;
	padding-left: 30px;
}

a.flag {
	background: url(../img/5Fm069k.png) 10px -96px no-repeat #f3f3f3;
	padding-left: 30px;
}

a.up {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 13px -133px no-repeat #f3f3f3;
	width: 18px;
}

a.down {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 13px -168px no-repeat #f3f3f3;
	width: 18px;
}

a.save-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px 11px no-repeat #f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.add-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px -23px no-repeat #f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.delete-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px -57px no-repeat #f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.flag-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px -92px no-repeat #f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.up-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px -128px no-repeat #f3f3f3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}

a.down-big {
	background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 15px -163px no-repeat #f3f3f3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}