@charset "UTF-8";
@import url("../../webfonts/OpenSans_Light/stylesheet.css");
@import url("../../webfonts/OpenSans_CondLight/stylesheet.css");
@import url("../../webfonts/OpenSans_Regular/stylesheet.css");
@import url("../../webfonts/OpenSans_Semibold/stylesheet.css");
@import url("../../webfonts/OpenSans_Bold/stylesheet.css");
@import url("../../webfonts/OpenSans_SemiboldItalic/stylesheet.css");
@import url("../../webfonts/OpenSans_LightItalic/stylesheet.css");


/* CSS du site Centre Epaule Mains d'Avranches */


body
{
	background-color: #8fd1df;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* CSS des ID */

#global
{
	font-family: "OpenSans Regular";
	font-size: 12px;
	background-color: #FFFFFF;
	height: 800px;
	width: 800px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-left: 50px;
}

#content
{
	font-family: "OpenSans Regular";
	font-size: 12px;
	background-color: #FFFFFF;
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#content_1300
{
	font-family: "OpenSans Regular";
	font-size: 12px;
	background-color: #FFFFFF;
	height: 1300px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#content_1500
{
	font-family: "OpenSans Regular";
	font-size: 12px;
	background-color: #FFFFFF;
	height: 1500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#content_1800
{
	font-family: "OpenSans Regular";
	font-size: 12px;
	background-color: #FFFFFF;
	height: 1800px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


#header
{
	background-color: #c7c1b8;
	height: 95px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 50px;
}

#menu_pathologie
{
	height: 35px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#menu_pathologie a
{
	font-size: 18px;
	color: #8fd1df;
	font-family: "OpenSans Bold";
	list-style: none;
	text-decoration: none;
}

#menu_pathologie a:hover
{
	font-size: 18px;
	color: #c7c1b8;
	font-family: "OpenSans Bold";
	list-style: none;
	text-decoration: none;
}

#bloc_texte
{
	height: 800px;
	width: 800px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
}

#plan
{
	height: 1000px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}


#carre_haut_gauche
{
	height: 350px;
	width: 350px;
	float: left;
}


#bandeau_haut_droite
{
	background-color: #8fd1df;
	height: 350px;
	width: 50px;
	margin-left: 50px;
	float: left;
}

#carre_haut_droite
{
	background-color: #c7c1b8;
	height: 320px;
	width: 250px;
	padding-left: 40px;
	padding-top: 30px;
	margin-left: 460px;	
}

#carre_haut_droite_image
{
	height: 350px;
	width: 290px;
	margin-left: 460px;	
}

#carre_haut_droite_espace_chirurgien
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/espace_chirurgiens.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite_espace_administrateur
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/espace_administrateur.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite_pathologie_main
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/pathologie_main.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite_canal_carpien
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/syndrome_canal_carpien.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite_dupuytren
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/maladie_dupuytren.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite_pathologie_poignet
{
	height: 220px;
	width: 250px;
	margin-left: 460px;	
	background-image: url(../img/pathologie_poignet.jpg);
	padding-left: 40px;
	padding-top: 130px;
}

#carre_haut_droite ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_haut_droite ul li a {
	text-decoration: none;
	color: white;
	display: block;
	padding-top: 10px;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 23px;
}


#carre_haut_droite ul li a:hover {
	background: #8fd1df;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#carre_haut_droite_pathologie_main ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_haut_droite_pathologie_main ul li a {
	text-decoration: none;
	color: white;
	display: block;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 30px;
}


#carre_haut_droite_pathologie_main ul li a:hover {
	background: #8fd1df;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#carre_haut_droite_canal_carpien ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_haut_droite_canal_carpien ul li a {
	text-decoration: none;
	color: white;
	display: block;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 30px;
}


#carre_haut_droite_canal_carpien ul li a:hover {
	background: #8fd1df;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#carre_haut_droite_dupuytren ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_haut_droite_dupuytren ul li a {
	text-decoration: none;
	color: white;
	display: block;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 30px;
}


#carre_haut_droite_dupuytren ul li a:hover {
	background: #8fd1df;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#bandeau_bas_gauche
{
	background-color: #8fd1df;
	height: 350px;
	width: 50px;
	margin-top: 50px;
	float: left;
}

#carre_bas_gauche_image
{
	height: 350px;
	width: 290px;
	margin-top: 50px;
	margin-left: 10px;
	float: left;
}

#carre_bas_gauche
{
	background-color: #c7c1b8;
	height: 320px;
	width: 250px;
	padding-left: 40px;
	padding-top: 30px;
	margin-left: 10px;
	margin-top: 50px;
	float: left;
}

#carre_bas_gauche ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_bas_gauche ul li a {
	text-decoration: none;
	color: white;
	display: block;
	padding-top: 10px;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 23px;
}

#carre_bas_gauche ul li a:hover {
	background: #8fd1df;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}


#carre_bas_droite
{
	background-color: #8fd1df;
	height: 320px;
	width: 250px;
	margin-top: 50px;
	margin-left: 400px;
	padding-top: 30px;
	padding-left: 100px;
}

#carre_bas_droite_image
{
	height: 350px;
	width: 350px;
	margin-top: 50px;
	margin-left: 400px;
}

#carre_bas_droite_rdv
{
	background-color: #8fd1df;
	height: 320px;
	width: 310px;
	margin-top: 50px;
	margin-left: 400px;
	padding-top: 30px;
	padding-left: 40px;
}


#carre_bas_droite a
{
	text-decoration: none;
	color: white;
}


#question_consentement
{
	width: 850px;
	margin-top: 50px;
	margin-left: 50px;

}

#carre_bas_droite ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 0px;
}

#carre_bas_droite ul li a {
	text-decoration: none;
	color: white;
	display: block;
	padding-top: 10px;
	background: transparent;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
    line-height: 23px;
}

#carre_bas_droite ul li a:hover {
	background-color: #c7c1b8;
	padding-left: 15px;
	width: 210px;
	-moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; Ò
    transition: all .5s;
}

#donnees_perso
{
	float: left;
	font-size: 130%;
	height: 190px;
	width: 320px;
	margin-top: 50px;
	margin-left: 50px;
}

#identifiant
{
	font-size: 130%;
	height: 190px;
	width: 320px;
	margin-top: 50px;
	margin-left: 400px;
}

#et_1
{
	float: left;
	font-size: 110%;
	height: 150px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#et_2
{
	float: left;
	font-size: 110%;
	height: 150px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#et_3
{
	float: left;
	font-size: 110%;
	height: 150px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#sec_1
{
	float: left;
	font-size: 110%;
	height: 180px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#sec_2
{
	float: left;
	font-size: 110%;
	height: 180px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#sec_3
{
/*	background-color: #FFCC99; */
	float: left;
	font-size: 110%;
	height: 180px;
	width: 265px;
	margin-top: 50px;
	margin-left: 50px;
}

#modification
{
	font-size: 130%;
	margin-top: 50px;
	margin-left: 50px;
}


/* CSS des balises */



/* CSS des classes */

.texte_blanc
{	
	color: #FFF;
}

.texte_rouge
{
	color: #F00;
}

.texte_bleu
{
	color: #8fd1df;
}


.lien_blanc
{	
	text-decoration: none;
	color: #FFF;
}

.texte_justifie
{
	text-align:justify;
}

.texte_semibold
{
	font-family: "OpenSans Semibold";
}

.texte_light
{
	font-family: "OpenSans Light";
}

.texte_bold
{
	font-family: "OpenSans Bold";
}

.texte_gras
{
 	font-weight: bold;
}

.texte_50
{
	font-size: 50%;
}

.texte_70
{
	font-size: 70%;
}

.texte_130
{
	font-size: 130%;
}

.texte_150
{
	font-size: 150%;
}

.texte_200
{
	font-size: 200%;
}

.texte_250
{
	font-size: 250%;
}

.texte_gras_130
{
	font-size: 130%;
 	font-weight: bold;
}

.texte_blanc_gras_130
{	
	font-size: 130%;
	color: #FFF;
 	font-weight: bold;
}

.texte_gras_150
{
	font-size: 150%;
 	font-weight: bold;
}

.texte_blanc_150
{	
	font-size: 150%;
	color: #FFF;
}

.texte_blanc_gras_150
{	
	font-size: 150%;
	color: #FFF;
 	font-weight: bold;
}

.texte_light_blanc_200
{	
	font-family: "OpenSans Light";
	font-size: 200%;
	color: #FFF;
}

.texte_blanc_gras_200
{	
	font-size: 200%;
	color: #FFF;
 	font-weight: bold;
}