/*
Theme Name: CAMIRA
Author: Jean-Baptiste Audras & Atelier-111
*/



html, body {
			margin: 0;
			padding: 0;
			background: white;
			font-family: arial, sans-serif;
			font-size: 12px;
}

a, a:link, a:visited, a:hover, a:focus, a:active { text-decoration: none; }

img a, a img { border: 0; background: none; }

#conteneur {
			margin: 0 auto;
			padding: 0;
			width: 990px;
}

#header {
	 		margin: 25px 0 0 0;
			padding: 0;
			width: 990px;
			height: 78px;
}

h1 {
	 		margin: 0;
			padding: 0;
			float: left;
}

#recherche {
			margin: 0 0 0 0;
			padding: 45px 0 0 0;
			float: right;
}

#recherche input {
			border: 1px solid #777;
			color: #aaa;
}

#recherche-submit {
			background-color: #f00 !important;
			color: white !important;
			border: 1px solid #f00 !important;
}

#recherche-submit:hover {
			background-color: #f00 !important;
			color: white !important;
			border: 1px solid #555 !important;
			cursor: pointer !important;
}

.recherche-resultat {
			border: none !important;
}

/******************************************************* navigation */

#navigation {
			margin: 0;
			padding: 0;
			width: 990px;
}

#menu {
			margin: 0;
			padding: 0;
			width: 990px;
			height: 30px;
			background: #f00 url(images/menu_camira.jpg) repeat-x;
}

#menunav {
			margin: 0;
			padding: 0;
			font-family: "Arial Black", arial, sans-serif;
			color: white;
			list-style-type: none;
}

#menunav li {
			margin: 0;
			padding: 0 22px 0 22px;
			color: white;
			float: left; 
			font-size: 15px;
}

#menunav li a, #menunav li a:link, #menunav li a:visited {
			color: white;
			text-decoration: none;
}

#menunav li a:focus, #menunav li a:hover, #menunav li a:active {
			color: white;
			text-decoration: none;
}

#menunav li:hover {
			background: #900 !important;
}

#menu_current {
			background: #900 !important;
}

.menu_first {
			margin-left: 35px !important;
}

#nav {
		  margin: 15px 0 15px 0;
			padding: 0;
			width: 990px;
			border-bottom: 1px solid #c00;
}

.nav_lists {
			margin: 0 25px 0 0;
			padding: 0;
			width: 215px;
			float: left;
}

.nav_lists ul {
			margin: 0 0 10px 0;
			padding: 0;
			list-style-type: none;
			color: #c00;
}

.nav_lists ul li {
			padding: 0 0 3px 0;
}

.nav_lists ul a, .nav_lists ul a:link, .nav_lists ul a:visited {
			text-decoration: none;
			color: #c00;
}

.nav_lists ul a:hover, .nav_lists ul a:focus, .nav_lists ul a:active {
			text-decoration: none;
			color: #fff;
			background-color: #c00; 
}

.nav_lists ul a li {
			padding: 2px;
}

.nav_lists ul a li:hover {
			padding: 2px;
			background-color: #c00; 
}

#spacer { clear: both; }

/************************************************** contenu : colonne de gauche */

#sidebar_left {
			margin: 0;
			padding: 0;
			width: 230px;
			height: 500px;
			float: left;
}

#bloc_download {
			margin: 20px 0 0 0;
			padding: 19px 0 19px 19px;
			width: 202Px;
			background: #f00;
}

#bloc_download img {
			border: 1px solid #111;
}

#bloc_download p {
			margin: 5px 0 0 0;
      font-size: 9pt;
}

#bloc_download p a:link, #bloc_download p a, #bloc_download p a:visited {
			color: #fff;
			text-decoration: none;
			font-weight: bold;
}

#bloc_download p a:hover, #bloc_download p a:focus, #bloc_download p a:active {
			color: #fff;
			text-decoration: none;
			font-weight: normal;
}

#bloc_adresse {
			margin: 20px 0 0 0;
			padding: 5px 0 5px 19px;
			width: 202Px;
			background: #e9e9e9;
			color: #111;
}

#bloc_adresse p {
			margin: 10px 0 5px 0;
}

#bloc_adresse strong {
			color: #c00;
			font-size: 16px;
} 

#bloc_adresse p a:link, #bloc_adresse p a, #bloc_adresse p a:visited {
			color: #111;
			text-decoration: none;
}

#bloc_adresse p a:hover, #bloc_adresse p a:focus, #bloc_adresse p a:active {
			color: #111;
			text-decoration: none;
			border-bottom: 1px solid #111;
}

#bloc_inscription {
			margin: 5px 0 0 0;
			padding: 19px 0 19px 19px;
			width: 202Px;
			background: #f00;
}

#bloc_inscription img a, #bloc_inscription a img, #bloc_inscription img {
			border: 0;
			background: none;
}

#bloc_intranet {
			margin: 5px 0 0 0;
			padding: 19px 0 19px 19px;
			width: 202Px;
			background: #e9e9e9;
}

#bloc_intranet a:link, #bloc_intranet a, #bloc_intranet a:visited {
			color: #111;
			text-decoration: none;
}

#bloc_intranet a:hover, #bloc_intranet a:focus, #bloc_intranet a:active {
			color: #111;
			text-decoration: none;
			border-bottom: 1px solid #111;
}

/************************************************** contenu */

.breadcrumb-trail {
			margin: 0 0 0 0;
			font-size: 11px;
}

.breadcrumb-trail a, .breadcrumb-trail a:link, .breadcrumb-trail a:visited {
			color: #555;
			text-decoration: none;
}

.breadcrumb-trail a:focus, .breadcrumb-trail a:hover, .breadcrumb-trail a:active {
			color: #555;
			text-decoration: none;
}

#contenu {
			margin: 20px 0 0 0;
			padding: 0 15px 30px 15px;
			width: 420px;
			float: left;
}

#contenu a, #contenu a:link, #contenu a:visited {
			color: #c00;
			border-bottom: 1px dotted #c00;
}

#contenu a:hover, #contenu a:focus, #contenu a:active {
			color: #c00;
			border-bottom: 1px solid #c00;
}
			
#contenu h2 {
			margin: 0px;
			padding: 10px 0 0 0;
			width: 100%;
			color: #c00;
			font-size: 18px;
}

#contenu h3 {
			margin: 0 0 20px 0;
			padding: 0 0 0 0;
			width: 100%;
			border-bottom: 1px solid #c00;
			color: #c00;
			font-size: 20px;
}

#contenu h4 {
		  margin: 15px 0 10px 25px;
			padding: 0;
			color: #c00;
			font-size: 15px;
}

#contenu p {
			margin: 10px 0 0 0;
			padding: 0;
			text-align: justify;
			line-height: 1.5em;
}

#contenu ul, #contenu ol {
			margin: 15px 0 0 0;
			padding: 0 0 0 15px;
			text-align: justify;
}

#contenu ul li, #contenu ol li {
			margin: 5px 0 0 0;
			padding: 0;
}

#contenu ol li ul, #contenu ul li ul, #contenu ul li ol, #contenu ol li ol {
			margin: 5px 0 5px 20px;
			padding: 0;
			list-style-type: square;
}

.wrap1 {
			margin: 20px 0 20px 0;
			padding: 0;			
			width: 420px;
			overflow: hidden;
			background: url(images/bg_home1.png) repeat-y !important;
}

.wrap2 {
			clear: both;
			margin: 0px 0 50px 0;
			padding: 0;			
			width: 420px;
			overflow: hidden;
			background: url(images/bg_home2.png) repeat-y !important;
}

.formation_ul {
			margin: 10px 0 0px 0 !important;
			padding: 0 !important;
			list-style-position: inside !important;
			list-style-type: none;
}

.formation_ul li {
			margin: 0 !important;
			padding: 2px 10px 2px 10px !important;
			width: 180px !important;
			text-align: left;
/*			background-image: url(images/white_puce.gif) !important;
			background-repeat: no-repeat;			*/
}

.telecharger_ul {
			margin: 10px 0 0px 0 !important;
			padding: 0 !important;
			list-style-position: inside !important;
			list-style-type: none;
}

.telecharger_ul li {
			margin: 0 !important;
			padding: 2px 10px 2px 0px !important;
			text-align: left;
      font-weight: bold;
/*			background-image: url(images/white_puce.gif) !important;
			background-repeat: no-repeat;			*/
}

#telecharger_doc {
			margin: 0;
			padding: 0;
			list-style-type: none;
			list-style-image: url(images/dark_puce.jpg); 
}

#telecharger_doc ul a, #telecharger_doc ul a:link, #telecharger_doc ul a:visited, #telecharger_doc ul a, #telecharger_doc ul a:link, #telecharger_doc ul a:visited {
			color: #fff;
			border:0;
}

#formation1 {
			margin: 0 0 20px 0;
			padding: 0;
			width: 200px;
			float: left;
			list-style-type: none;
			list-style-image: url(images/white_puce.jpg); 
			overflow: hidden;
}

#formation2 {
			margin: 0 0 20px 0;
			padding: 0;
			width: 200px;
			float: right;
			list-style-type: none;
			list-style-image: url(images/dark_puce.jpg); 
			overflow: hidden;
}

#formation3 {
			margin: 0 0 20px 0;
			padding: 0;
			width: 200px;
			float: left;
			list-style-type: none;
			list-style-image: url(images/dark_puce.jpg); 
			overflow: hidden;
}

#formation4 {
			margin: 0 0 20px 0;
			padding: 0;
			width: 200px;
			float: right;
			list-style-type: none;
			list-style-image: url(images/white_puce.jpg); 
			overflow: hidden;
}


#formation1 ul li:hover, #formation1 ul li:focus, #formation4 ul li:hover, #formation4 ul li:focus {
			margin: 0;
			width: 180px;
			padding: 2px 10px 2px 10px;
			background: #A9A8A9;				
}

#formation1 ul a, #formation1 ul a:link, #formation1 ul a:visited, #formation1 ul a, #formation1 ul a:link, #formation1 ul a:visited {
			color: #272627;
			border:0;
}

#formation2 ul a, #formation2 ul a:link, #formation2 ul a:visited, #formation2 ul a, #formation2 ul a:link, #formation2 ul a:visited {
			color: #fff;
			border:0;
}

#formation3 ul a, #formation3 ul a:link, #formation3 ul a:visited, #formation3 ul a, #formation3 ul a:link, #formation3 ul a:visited {
			color: #fff;
			border:0;
}

#formation4 ul a, #formation4 ul a:link, #formation4 ul a:visited, #formation4 ul a, #formation4 ul a:link, #formation4 ul a:visited {
			color: #272627;
			border:0;
}

#formation2 ul li:hover, #formation2 ul li:focus, #formation3 ul li:hover, #formation3 ul li:focus {
			margin: 0;
			padding: 2px 10px 2px 10px;
			width: 180px;
			background: #900;				
}

/************************************************** Contenu lorsque l'on est dans une page d'une formation */

#conteneur_formations {
			margin: 5px 0 0 0;
			padding: 0 0 0 10px;
			width: 750px;
			float: left;
}

#contenu_formations {
			margin: 10px 0 0 0;
			padding: 2px 0 0 0;
			width: 750px;
			background: #fff url(images/contenu_formations_bg.jpg) no-repeat;
}

#contenu_formations h2 {
		  margin: 15px 0 15px 15px;
			padding: 0;
			color: #c00;
			font-size: 20px;
}

#contenu_formations h3 {
		  margin: 15px 0 15px 15px;
			padding: 15px 0 0 0;
			width: 95%;
			border-bottom: 1px solid #c00;
			color: #c00;
			font-size: 17px;
}

#contenu_formations h4 {
		  margin: 15px 0 10px 25px;
			padding: 0;
			color: #c00;
			font-size: 15px;
}

#contenu_formations p {
			margin: 5px 25px 5px 15px;
			padding: 0;
			line-height: 1.6em;
			text-align: justify;
}

#contenu_formations ul, #contenu_formations ol {
			margin: 10px 25px 5px 45px;
			padding: 0;
			text-align: justify;
}

.alignnone, .aligncenter {
			margin: 5px 0 5px 0;
			padding: 0;
}

.alignleft {
			float: left;
			margin: 5px 5px 5px 0;
			padding: 0;
}

.alignright {
			float: right;
			margin: 5px 0 5px 5px;
			padding: 0;
}

#contenu_formations a, #contenu_formations a:link, #contenu_formations a:visited {
			color: #c00;
			text-decoration: none;
}

#contenu_formations a:hover, #contenu_formations a:focus, #contenu_formations a:active {
			color: #c00;
			text-decoration: underline;
}


/************************************************** Contenu lorsque l'on est dans une page intranet */

#conteneur_intranet {
			margin: 5px 0 0 0;
			padding: 0 0 0 10px;
			width: 750px;
			float: left;
}

#contenu_intranet {
			margin: 10px 0 0 0;
			padding: 2px 0 0 0;
			width: 750px;
			background: #fff url(images/contenu_formations_bg.jpg) no-repeat;
}

#contenu_intranet h2 {
		  margin: 15px 0 15px 15px;
			padding: 0;
			color: #c00;
			font-size: 20px;
}

#contenu_intranet h3 {
		  margin: 15px 0 15px 15px;
			padding: 15px 0 0 0;
			width: 95%;
			border-bottom: 1px solid #c00;
			color: #c00;
			font-size: 17px;
}

#contenu_intranet h4 {
		  margin: 15px 0 10px 25px;
			padding: 0;
			color: #c00;
			font-size: 15px;
}

#contenu_intranet p {
			margin: 5px 25px 5px 15px;
			padding: 0;
			line-height: 1.6em;
			text-align: justify;
}

#contenu_intranet ul, #contenu_intranet ol {
			margin: 10px 25px 5px 45px;
			padding: 0;
			text-align: justify;
}

#contenu_intranet a, #contenu_intranet a:link, #contenu_intranet a:visited {
			color: #c00;
			text-decoration: none;
}

#contenu_intranet a:hover, #contenu_intranet a:focus, #contenu_intranet a:active {
			color: #c00;
			text-decoration: underline;
}

/************************************************** colonne de droite */


#sidebar_right {
			margin: 20px 0 0 0;
			padding: 0;
			width: 300px;
			float: right;
			background: #f00;
}

.titre_sidebar_right {
			margin: 10px 0 0 15px;
			padding: 0;
}

#random-image {
			margin: 20px auto;
			padding: 0;
			width: 275px;
			height: 275px;
}

/************************************************** Popup formulaire */

#popup_div {
			background: white url(images/bg_form.jpg) repeat-x;
			margin: 15px auto;
			padding: 5px 0 0 0;
			width: 600px;
			font-family: arial, sans-serif;
}

#popup_div h1 {
			color: #c00;
			font-size: 20px;
			margin: 20px 0 15px 0;
			padding: 0;
			clear: both !important;
}

#popup_div h2 {
			color: #111;
			font-size: 15px;
			margin: 20px 0 15px 20px;
			padding: 0;
			clear: both;
}

#popup_div p {
			margin: 20px 30px 5px 30px;
			padding: 0;
			line-height: 1.6em;
			clear: both;
}

#popup_div label {
			margin-left: 10px;
}

#popup_div input {
			background: #eee;
			border: #eee;
			height: 20px;
			padding: 2px 3px 0 3px !important;
}

#popup_div select {
			background: #eee;
			border: #eee;
			height: 20px;
}


/************************************************** pied de page */

#footer {
			clear: both;
			width: 990px;
			height: 50px;
			border-top: 1px solid black;
			margin: 20px 0 50px 0;
			padding: 20px 0 0 0;
}

#footer p {
			margin: 0;
			padding: 0;
			text-align: center;
}

#footer p a, #footer p a:link, #footer p a:visited {
			color: black;
}

#footer p a:hover, #footer p a:focus, #footer p a:active {
			color: black;
			border-bottom: 1px solid black;
}