/* Document Stylesheet for http://www.cripto.qc.ca */

/*************************************************************************************************************/

body {
	background: #e43c10 url(../images/bg.jpg) left top !important;
	background: #e43c10 url(../images/bgie.jpg) left top;
	text-align: center;
	margin: 0;
	padding: 0;
	}


img {
	margin: 0;
	padding: 0;
}

div[id="back-stripe"] {
	width: 100%;
	background: transparent url(../images/ombre.png) top left repeat-x;
}

.tableau { border-style: solid ; border-color: #630C02; }

 #container {
 	width: 879px;
 	height: 100%;
 	margin: 0 auto;
 }

#titre {
	
	height: 258px;
	background: transparent url(../images/titre.png) no-repeat left top;
}

/* conteneur*/

#bodytile {
	text-align: left;
	background: transparent url(../images/bodytitle.jpg) top left repeat-y;
 	float: left;
 	width: 879px;
 }

#leftwrap {
	float: left;
 	margin-top: 10px;
	padding-left: 35px;
	width:509px;
}
	
#rightwrap {
	width: 237px;
 	float: left;
 	margin: 0 0 0 21px;	
	}
	
#right-side-divider {
	background: transparent url(../images/photo_cipto.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider2 {
	background: transparent url(../images/photo2.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider3 {
	background: transparent url(../images/photo3.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider4 {
	background: transparent url(../images/photo4.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider5 {
	background: transparent url(../images/photo5.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}
		
		
#right-side-divider6 {
	background: transparent url(../images/photo6.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider7 {
	background: transparent url(../images/photo7.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider8 {
	background: transparent url(../images/photo8.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}
#footer {
	display:block; 
	margin: 0; 
	padding: 0; 
	background: transparent url(../images/footer.jpg) no-repeat scroll left top; 
	width: 824px; 
	height: 56px; 
	clear: both; 
	overflow: hidden;	
}
 #footer span a{ 
 margin: 0 0 0 20px;
 visibility: hidden; }

#footer p {
		text-indent: -1000em;
}


#fioriture {
	background: transparent url(../images/fioritur.gif) top left no-repeat;
	width: 237px;
 	height: 80px;
}

.espacedebut {
	padding-left: 10px;
}

div#nav {
	float: left;
	width:7em;
	background:#fdd;
	}
/********************************************** Menu *******************************************************************************/

#menu {
	
padding: 210px 0 0 25px;
height:50px;
font-family: "MS Sans Serif", sans-serif, Verdana, Arial;
font-size:13px;
font-weight:bold;
z-index:5000;
}

#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

#menu li {
float:left;
margin:auto;
background-color:#ffff99;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;
}

#menu li a {
	display:block;
	color:black;
	text-decoration:none;
	padding:3px 5px;
	border: 1px solid #660000;
}

#menu li a:hover {
	color:#FFF;
	background-color: #cc3300; 
}

#menu li li{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.95;
}

#menu li li a {

	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #660000;
	border-left-color: #660000;
	

}

.lignebas {
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-bottom-width: thin;
}

#menu li ul {
position:absolute;
}

#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}


/********************************************** FIN Menu *******************************************************************************/


#leftwrap a:link, /*couleur des lien du container de gauche*/
#leftwrap a:visited,
#leftwrap a:active {
	color: #000000;
	text-decoration: none;
	padding-bottom: 1px;
	font-weight: bold;
}

#leftwrap a:hover {
	text-decoration: none;
	padding-bottom: 1px;
	text-decoration:underline;
}


#rightwrap a:link,
#rightwrap a:visited,
#rightwrap a:active {
	color: #914121;
	text-decoration: none;
	padding-bottom: 0px;
	background: transparent url(../images/dots-bottom.gif) bottom left repeat-x;
}

#rightwrap a:hover {
	color: #000;
	text-decoration: none;
	padding-bottom: 0px;
}


/*************************************************************************************************************/

#leftwrap h1 {
	font-family: "Georgia", "Times", serif;
	font-size: 1.3em;
	font-weight: normal;

	line-height: 100%;
	letter-spacing: -0.04em;

	text-align: left;
	
	margin-left: 0; margin-right: 0;
  margin-top: 10px;
	padding-bottom: 4px;
	color: #fff;
}
#leftwrap h4 {
	font-size: 0.96em;
	color:#630C02;
}


#leftwrap p,
#leftwrap li { 
	font-family:  "Georgia", "Times", serif;
	font-size: 0.78em;
	line-height: 155%;

	text-align: left;

	margin-left: 0; margin-right: 0;

	color: #630C02;
}

#leftwrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*************************************************************************************************************/

#rightwrap h1 {
	font-family:  "Georgia", "Times", serif;
	font-size: 1.05em;
	font-weight: normal;

	line-height: 100%;
	letter-spacing: -0.04em;

	text-align: center;

	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;

	color: #815D48;
}

#rightwrap h2,
#rightwrap h3 {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.85em;
	font-weight: normal;
	font-style: italic;

	line-height: 125%;

	text-align: left;

	margin-left: 15px;
	margin-right: 15px;

	padding-bottom: 1px;

	background: transparent url(../images/dots-bottom-light.gif) bottom left repeat-x;

	color: #815D48;
}

#rightwrap ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#rightwrap p,
#rightwrap blockquote p {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 155%;

	text-align: left;

	margin-left: 25px;
	margin-right: 15px;

	border-left: 1px solid #9F765F;
	padding-left: 10px;

	color: #744D37;
}

#rightwrap li {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 125%;

	text-align: left;

	margin-top: 5px;
	margin-bottom: 5px;

	margin-left: 25px;
	margin-right: 15px;

	border-left: 1px solid #9F765F;
	padding-left: 10px;

	color: #744D37;
}



/*************************************************************************************************************/

/*************************************************************************************************************/