@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
html {
	font-family: Arial, Helvetica, sans-serif, "Comic Sans MS";
	font-size: 12px;
}
body {
	background-image: url(images/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#site {
	display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#site #header {
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	height: 147px;
}
#site #page {
	background-image: url(images/bg-page-accueil.jpg);
	background-repeat: no-repeat;
	height: 580px;
}
#site #page2 {
	background-image: url(images/bg-page-principes.jpg);
	background-repeat: no-repeat;
	height: 580px;
}
#site  #pratique {
	background-image: url(images/bg-page-pratique.jpg);
	background-repeat: no-repeat;
	height: 580px;
}
#site #utilisation {
	background-image: url(images/bg-page-utilisations.jpg);
	background-repeat: no-repeat;
	height: 580px;
}
#site #enseignement {
	background-image: url(images/bg-page.jpg);
	background-repeat: no-repeat;
	height: 580px;
}




#site #page .intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	width: 600px;
	padding-top: 120px;
	display: block;
	text-align: right;
	padding-left: 40px;
}
#site #page .intro h1 {
	font-size: 50px;
	font-weight: bold;
}
#site  #page  .intro  h1 span {
	font-weight: normal;
	font-size: 30px;
	font-style: italic;
}
#site #page .intro h2 {
	color: #9c7858;
	font-weight: normal;
	font-size: 25px;
}
#site #page .intro p.lien-off {
	padding-top: 220px;
}
#site #page .intro a {
	color: #9F7B57;
	text-decoration: none;
	font-size: 20px;
}
#site #page .intro a:hover {
	padding-right: 10px;
}
#site  .intro2  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	width: 600px;
	padding-top: 20px;
	display: block;
	text-align: right;
	padding-left: 40px;
}
#site  .intro2  h1  {
	font-size: 50px;
	font-weight: bold;
}
#site   .intro2   h1   span  {
	font-weight: normal;
	font-size: 30px;
	font-style: italic;
}
#site .intro2 h2 {
	color: #9c7858;
	font-weight: normal;
	font-size: 25px;
}
#site .intro2 p.lien-off {

}
#site .intro2 p {
	display: block;
	padding-right: 70px;
	padding-top: 10px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
#site  a  {
	color: #9F7B57;
	text-decoration: none;
	font-size: 13px;
}
#site a:hover  {
	color: #333333;

}


#site  .intro3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	width: 600px;
	padding-top: 20px;
	display: block;
	text-align: right;
	padding-left: 40px;
}

#site  .intro3  h1  {
	font-size: 50px;
	font-weight: bold;
}
#site   .intro3   h1   span  {
	font-weight: normal;
	font-size: 30px;
	font-style: italic;
}
#site .intro3 h2 {
	color: #9c7858;
	font-weight: normal;
	font-size: 25px;
}
#site #pratique .intro3 p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 130px;
	text-align: justify;
	padding-top: 5px;
}
#site  p.lien-off  {
	padding-top: 0px;
}
#site.intro3 a:hover {
	padding-right: 10px;
}
#site .intro3 a {
	color: #9F7B57;
	text-decoration: none;
	font-size: 20px;
}
#site .intro4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding-top: 200px;
	display: block;
	text-align: justify;
	padding-left: 100px;
	padding-right: 60px;
}
#site .intro4 h2 {
	text-align: right;
}

#site .intro4 p {
	padding-bottom: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#site  .mini-align-droite {
	display: block;
	float: right;
	border-style: none;
	padding-left: 10px;
}
#site .mini-align-gauche {
	display: block;
	float: left;
	border-style: none;
	padding-right: 10px;
}
#enseignement .intro5 .colonne1 a {
	display: block;
}
#site #enseignement .intro5 .colonne1 h1 .autreenseignement {
	color: #000;
	font-size: 20px;
}
#site #enseignement .intro5 .colonne1 h1 .autreenseignement:hover {
	color: #9F7B57;
}


#site #enseignement .intro5 .colonne1 .blocasso {
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(images/fond-transparent-asso.png);
	margin-bottom: 10px;
}

#site #enseignement .intro5 .colonne1 ol .miseenvaleur {
	color: #FC3;
}

#site #enseignement .intro5 .colonne1 .choice-box {
	display: block;
	width: 140px;
	float: right;
}
#site #enseignement .intro5 .colonne1 .choice-box .choice-btn {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #BDAB94;
}
#site #enseignement .intro5 .colonne1 .choice-box .choice-btn-actif {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #BDAB94;
	background-color: #9F7B57;
	color: #FFFFFF;
}


#site #enseignement .intro5 .colonne1 {
	display: block;
	float: none;
	padding-right: 10px;
}
#site   #enseignement   .intro5   .colonne2 {
	display: block;
	float: none;
	padding-left: 10px;
	border-left: 1px dotted #666666;
	background-color: #CCCCCC;
}
#site  #enseignement  .intro5  .colonne1  ol {
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 5px;
	background-color: #5A5343;
	color: #FFFFFF;
}



#site #enseignement .intro5 {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
	height: 540px;
	overflow: auto;
}
#site #enseignement .intro5 h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	padding-bottom: 10px;
}
#site #enseignement .intro5 p {
	padding-bottom: 5px;
}
#site #enseignement .intro5 h2 {
	font-size: 13px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/puce-h2.png);
	background-repeat: no-repeat;
	background-position: 7px center;
}
#site #enseignement .intro5 ul {
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#site .general {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 50px;
}
#site .general .defil-temoignage {
	overflow: auto;
	height: 550px;
	padding-right: 50px;
}
#site #enseignement .general .defil-temoignage ul {
	display: block;
	list-style-type: none;
	padding-left: 20px;
}


#site  .general  h1  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9c7858;
}









#site #foot-menu {
	background-image: url(images/bg-page.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 34px;
}
#site #foot-menu #foot-menu2 {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
}
#site #foot-menu ul {
	list-style-type: none;
}
#site #foot-menu ul li {
	display: inline;
}
#site #foot-menu ul li a {
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#site #foot-menu ul li a:hover {
	color: #333333;
	padding-top: 2px;
	padding-bottom: 7px;
	border-bottom: 3px solid #666666;
}
#site #footer {
	text-align: center;
	padding-bottom: 10px;
}
#site #footer #idogo-sign {
	display: block;
	width: 350px;
	background-image: url(images/logo-idogo.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
}
#idogo-sign .baseline {
	font-size: 12px;
	font-style: italic;
	display: block;
}
#idogo-sign .lien-officiel {
	font-size: 18px;
	display: block;
	letter-spacing: 4px;
	text-decoration: none;
	color: #9F6F3F;
	font-family: "Times New Roman", Times, serif;
}
#idogo-sign .lien-officiel:hover {
	color: #333333;
}

#idogo-sign .sign-iris {
	text-decoration: none;
	font-size: 10px;
	display: block;
	padding-top: 20px;
	color: #999999;
}
#idogo-sign .sign-iris:hover {
	color: #333333;
}
#site .encart-presse {
	height: 150px;
	float: left;
	clear: both;
	width: 700px;
	border-bottom: 1px dotted #666666;
	margin-bottom: 10px;
}
#site .encart-presse .titre {
	font-weight: bold;
}
#site .liens a {
	font-size: 12px;
	text-decoration: none;
}
.trademark {
	font-size: 12px;
	display: inline;
}
.intro4 .utilisation {
	padding-left: 170px;
}






.antifloat {
	clear: both;
}
.Style2 {color: #333333}
.Style4 {
	font-size: 11px;
	color: #666666;
}
#site #enseignement .intro5 .colonne1 .formation-enseignants h1 {
	font-size: 25px;
}

#site #enseignement .intro5 .colonne1 .formation-enseignants p {
	text-align: justify;
	font-size: 14px;
}

#site #enseignement .intro5 .colonne1 .blocinfospeciale {
	background-color: #9c7858;
	color: #FFF;
	padding: 10px;
	text-align: center;
	font-size: 14px;
}
#site #enseignement .intro5 .colonne1 .formation-enseignants a.mini-align-gauche {
	float: left;
}
#site #enseignement .intro5 .colonne1 .formation-enseignants a.mini-align-droite {
	float: right;
}


#site #enseignement .intro5 .colonne1 .formation-enseignants p a img {
	border: 3px solid #FFF;
	padding: 0px;
	margin: 5px;
}
#site #enseignement .intro5 .colonne1 .formation-enseignants .legende-photo-gauche  {
	font-size: 10px;
	display: block;
	text-align: center;
}