/* COEUR2ROCHE */

/* margin = marges externes, padding = marges internes */
* { margin: 0; 	padding: 0; }
html { min-width: 1235px; }

li {
	list-style-type: none;
	padding-left: 10px;
}
li:before {
	content: "- "; /* affiche une chaîne de caractère */
}
#global {
    margin-right: auto;
    margin-left: auto;
	width: 100%; 
	overflow: visible;	
	/* border: 2px solid pink;  */
}

body#page-accueil {
	width: 1400px; 
    margin-right: auto;
    margin-left: auto;
	/* background-color: #0d3d63;  couleur CMJN 100-75-35-25 */
	background-color: #1a2b48; /* couleur CMJN 100-85-45-40 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: white;
	/*  border: 2px solid white; */
	}
#page-accueil-header {
	position: fixed;
	width: 1235px; 
	/* padding-top: 20px; */
	height: 200px;
	background-color: #1a2b48;
	text-align: center;
	font-size: 130%;
	line-height: 1em;
	/* border: 2px solid blue; */
}
#page-accueil-footer {
	position: fixed;
	top: 100%; /* Position par rapport au haut de la fenêtre (100% pour n'importe quelle hauteur de fenêtre). Le 100% fait sortir la div de la fenêtre puisque par rapport à son coin supérieur gauche (Ne pas modifier) */
    margin:-50px auto 0 0; /* top est négatif pour fait revenir la div dans la fenêtre.  */
	width: 1235px;
	height: 50px;
	background-color: #1a2b48;
	padding-top: 10px;
	text-align: center;
	font-size: 80%;
	line-height: 1em;
	/* border: 2px solid red; */
}
@font-face {
    font-family: "Ma Police DK";
	src: url('DK Pimpernel.otf');
}
@font-face {
    font-family: "Ma Police 2";
	src: url('LearningCurve.ttf');
}
@font-face {
    font-family: "Aldus gras incline";
	src: url('AdobeDevanagari-BoldItalic.otf');
}
@font-face {
    font-family: "Aldus gras droit";
	src: url('AdobeDevanagari-BoldItalic.otf');
}
AdobeDevanagari-Bold.otf
/*-----------------------------------------------------------------------------*/
#content {
	/* position: absolute; */
	width: 1400px; 
	background: #1a2b48;
	min-height: 200px;
	height: auto !important;
	width: 100%;
	text-align: left;
	/* border: 6px solid green; */
}
#accueil-par1 {
	/* position: absolute; */
    margin-top: 200px;
	float:left;
	width: 335px;
	height: 370px;
	background: #758ebc; 
	padding: 20px; 
	padding-right: 25px; 
	line-height: 1.3em; 
	/* border: 2px solid yellow; */
}
#accueil-par1-lin1 {
	/* position: absolute; */
    margin-top: 200px;
	float:left;
	width: 960px;
	height: 200px;
	/*  border: 2px solid brown; */
}
#accueil-par1-lin1-ima1 {
	/* position: absolute; */
	float:left;
	width: 200px;
	height: 200px;
	margin-left: 15px;
	box-shadow: 5px 5px 3px #222222;
	/* border: 2px solid yellow; */
}
#accueil-par1-lin1-imanxt {
	/* position: absolute; */
	float:left;
	width: 200px;
	height: 200px;
	margin-left: 10px;
	box-shadow: 5px 5px 3px #222222;
	/* border: 2px solid yellow; */
}
#ancre-par1-1 {
	/* position: absolute; */
	float:left;
	width: 956px;
	height: 10px;
	/* border: 2px solid black; */
}
#accueil-par1-lin2 {
	/* position: absolute; */
	float:left;
	width: 960px;
	height: 200px;
	/* border: 2px solid brown; */
}
#ancre-par1-2 {
	/* position: absolute; */
	float:left;
	width: 1400px;
	height: 40px;
	/* border: 2px solid black; */
}
#accueil-par2 {
	position: relative; 
	float:left;
	width: 595px;
	height: 675px;
    z-index: -1;
	box-shadow: 5px 5px 3px #222222;
	/*border: 2px solid red;*/
}
#accueil-text-contact {
	position: absolute; 
    top: 112px;
    left: 350px;
	width: 210px;
	height: 40px;
	font-weight: bold;
	font-size: 18px;
    letter-spacing: 5px;
    text-transform: uppercase;
	/*border: 2px solid red;*/
}
#accueil-text-nom {
	position: absolute; 
    top: 154px;
    left: 340px;
	width: 210px;
	height: 30px;
	font-family: 'Aldus gras incline', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
    letter-spacing: 2px;
	text-align: right;
	/*border: 2px solid yellow;*/
}
#accueil-text-phone {
	position: absolute; 
    top: 190px;
    left: 340px;
	width: 210px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
    letter-spacing: 2px;
	text-align: right;
	/*border: 2px solid yellow;*/
}
#accueil-text-mail {
	position: absolute; 
    top: 280px;
    left: 350px;
	width: 210px;
	height: 50px;
	font-weight: bold;
	font-size: 15px;
    letter-spacing: 2px;
	text-align: right;
	/*border: 2px solid yellow;*/
}
#accueil-par2-lin1 {
	/* position: absolute; */
	float:left;
	width: 800px;
	height: 431px;
	/*border: 2px solid brown;*/
}
#accueil-par2-lin1-ima1 {
	/* position: absolute; */
	float:left;
	width: 620px;
	height: 465px;
	box-shadow: 5px 5px 3px #222222;
	margin-left: 10px;
    background: rgb(250,250,250);
	text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
	font-weight: bold;
	color: rgb(100,100,100);
    text-shadow: 1px 1px 1px grey;
	line-height: 1.3em;
	/*border: 2px solid yellow;*/
}
#ancre-par2-1 {
	/* position: absolute; */
	float:left;
	width: 800px;
	height: 45px;
	/*border: 1px solid black; */
}
#accueil-par2-lin2 {
	/* position: absolute; */
	float:left;
	width: 800px;
	height: 200px;
	/* border: 2px solid blue; */
}
#accueil-par2-lin2-image {
	/* position: absolute; */
	float:left;
	width: 200px;
	height: 200px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 5px 5px 3px #222222;
    background: rgb(250,250,250);
	text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
	font-weight: bold;
	color: rgb(100,100,100);
    text-shadow: 1px 1px 1px grey;
	line-height: 1.3em;
	/*border: 2px solid yellow; */
}
#accueil-par2-lin2-imanxt {
	/* position: absolute; */
	float:left;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	box-shadow: 5px 5px 3px #222222;
    background: rgb(250,250,250);
	text-align: center;
    letter-spacing: 5px;
    text-transform: uppercase;
	font-weight: bold;
	color: rgb(100,100,100);
    text-shadow: 1px 1px 1px grey;
	line-height: 1.3em;
	/*border: 2px solid yellow; */
}

#ancre-page {
	/* position: absolute; */
	float:left;
	width: 1225px;
	height: 30px;
	/*border: 1px solid black; */
}
/* Texte */
#accueil-par3-lin1 {
	/* position: absolute; */
    background: #758ebc;
	clear: left;
	padding: 20px;
	width: 1185px;
	/*font-weight: bold;*/
	color: rgb(255,255,255);
    text-shadow: 1px 1px 1px grey;
	text-align: center;
	font-size: 18px;
	line-height: 1.3em; 
	/*border: 1px solid red; */
}
/* Les 3 images de fin */
#accueil-par4-lin1 {
	/* position: absolute; */
	float:left;
	width: 1235px;
	height: 500px;
	/* border: 2px solid blue; */
}
#accueil-par4-lin1-ima1 {
	/* position: absolute; */
	float:left;
	width: 350px;
	height: 500px;
	box-shadow: 5px 5px 3px #222222;
	/* border: 2px solid yellow; */
}
#accueil-par4-lin1-ima2 {
	/* position: absolute; */
	float:left;
	width: 411px;
	height: 500px;
	margin-left: 57px;
	box-shadow: 5px 5px 3px #222222;
	/* border: 2px solid yellow; */
}
#accueil-par4-lin1-ima3 {
	/* position: absolute; */
	float:left;
	width: 350px;
	height: 500px;
	margin-left: 58px;
	box-shadow: 5px 5px 3px #222222;
	/* border: 2px solid yellow; */
}


#ancre-footer {
	/* position: absolute; */
	float:left;
	width: 1235px;
	height: 80px;
	/*border: 1px solid blue; */
}