@CHARSET "UTF-8";

body {
	margin:0;
	padding: 0 15px 15px 15px;
	color: #888;
	font-size: 85%;
	line-height:1.3em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #000;
	background-image:url(images/rainbow.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

.clear {
	clear:both;
}

#header {
	position: relative;
	height:157px;
	background-image:url(images/logo_aip.png);
	background-repeat:no-repeat;
}

#header h1 {
	margin-left:165px;
	background-image:url(images/aip.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	height:157px;
	width:412px;
}

h1 span {display:none;}

#centre {
	margin:10px 0 0 0;
	background-color: #131313;
	position: relative;
	width: 100%;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#menu {
	position:absolute;
	left:10px;
	top:10px;
	width:180px;
	background-image:url(images/bg_menu.jpg);
	background-repeat: repeat-y;
}

#menu ul {
	margin:0;
	padding: 10px 10px;
	list-style: none;
}

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

#menu ul a {
	display: block;
	height: 1%;
	padding: 0;
	text-decoration: none;
	color: #888;
}

#menu ul a:hover {
	text-decoration: underline;
}

#contenu {
	margin: 10px 200px 0 200px;
	padding:10px 20px;
	position : relative;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

#webLoginForm {
	padding:10px;
}

#secondaire {
	position: absolute;
	right:0;
	top:0;
	width:180px;
	padding-right:5px;
}

#menu h3, #secondaire h3 { 	
	color: #d2d2d2;
	text-align: left;
	height: 40px;
	width: 100%;
	text-decoration: none;
	padding: 0 0 0 8px;
	background: url(images/bg_titre_menu.png) top right no-repeat;
	font-weight: bold;
	line-height: 25px;
	border:0;
	margin:0;
}


#footer {
	margin:0;
	padding:0;
	font-size: 0.9em;
	width:100%;
	text-align:center;
	background-color:#131313;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
}


a img {
	border:0;
}

ul.thumbs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.thumbs li {
	float: left;
	padding: 10px;
}

hr {
	color: #333;
	background-color: #333;
	height: 1px;
	border: 0;
	margin-top:20px;
	margin-bottom:40px;	
}


/*****************************************************************************************/
/*								Coin de la technique
/*****************************************************************************************/


.ditto_technique_private, .ditto_technique_public {
	clear:both;
}

.ditto_technique_private, .ditto_technique_private .ditto_technique_inscription {
	color:#333;
}

.ditto_technique_private h3 {
	border-bottom:1px solid #333;
}

.ditto_technique_private .ditto_link, 
.ditto_technique_private .ditto_technique_suite, 
.ditto_technique_private .ditto_technique_tags, 
.ditto_technique_private .ditto_technique_commentaires, 
.ditto_technique_public .ditto_technique_inscription {
	display: none !important;
}

.ditto_technique_inscription {
	display: block;
	width:100%;
	text-align:center;
	color:#888;
}

.ditto_technique_suite {
	text-align:right;
	margin-right:50px;
	font-size:1.1em;
}

a.ditto_link {
	background-color: #78a5ff;
	border: 2px solid #4b679f;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

a.ditto_link:visited {
	background-color: #78a5ff;
	border: 2px solid #4b679f;
	color: #4b679f;
	text-decoration: none;
}

a.ditto_link:hover, a.ditto_link:active {
	background-color: #4b679f;
	border: 2px solid #78a5ff;
	color: #fff;
	text-decoration: none;
}

.ditto_technique_suite, .ditto_technique_inscription {
	clear:both;
}

.ditto_technique_infos {
	float:right;
	width:200px;
	padding: 0 0 3px 5px;
	border-left:1px dotted #333;
}

.ditto_technique_public .apercu, .ditto_technique_private .apercu, 
.ditto_technique_public .apercu_video, .ditto_technique_private .apercu_video {
	width:236px;
	padding:0 0 0 21px;
	float:left;
}

.ditto_technique_public .apercu_video, .ditto_technique_private .apercu_video {
	background-image: url(images/pellicule.png);
	background-repeat: repeat-y;
}

.filedownload_table {
	margin-top:25px;
	margin-left: auto; 
	margin-right: auto; 
	width: 500px;
	border:2px solid #333;
	border-collapse: collapse;
}

.filedownload_table th {
	border:2px solid #333;
}

.filedownload_table td {
	border:1px dotted #333;
	padding:5px;
}

.filedownload_table tr.fd-alt {
	background-color: #222;	
}


/*****************************************************************************************/
/*										Form
/*****************************************************************************************/

label, input,  textarea,  select {
	display:block;
}

label, fieldset  {
	margin-top:10px;
}
fieldset {
	border:1px dotted #333;
	padding:10px;
}

fieldset legend {
	color:#888;	
}

legend {
	font-weight: bold;
}

form.paypal input {
	width: auto;
	height: auto;
	border:none;
	background: none;
}

#loginfrm input, #loginreminder input, #searchfrm input {
	width:160px;
}

input,  textarea,  select, button {
	color: #ccc;
	padding: 2px;
	border: 1px solid #333;
	background: #222;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input[readonly],  textarea[readonly],  select[readonly], button[readonly] {
	border: 1px solid #222;
	background: #191919;
	color: #444;
}

input:focus,  textarea:focus,  select:focus {
	border: 1px solid #555;
	background: #444;
}

input, textarea  {
	width:400px;
}

textarea {
	height:150px;
}

div.radio input, #loginfrm div.radio input {
	width:15px;
	display:inline;
}

input.button, button.button  {
	width:auto;
	display:inline;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid #444;
	background: #333;
	margin-top:5px;
	margin-bottom:5px;
}

input.button:hover, button.button:hover {
	border: 1px solid #333;
	background: #444;
}

input.button:active, button.button:active {
	border: 3px solid #333;
	background: #444;
}

.requiredValue:before {
	color: #f00;
	content:"* ";
}

#ajaxSearch_form fieldset {
	width:200px;
}

#ajaxSearch_form input {
	float:left;
}

#ajaxSearch_form #ajaxSearch_input {
	width:300px;	
}

#ajaxSearch_form #ajaxSearch_submit {
	width:80px;	
}


#techniqueSearchArea hr {
	border:0;
	border-top:1px dotted #333;
	background: transparent;	
}

#techniqueFilter fieldset {
	float:left;
	border:0;
}

#techniqueFilter {
	width:50%;
	float:left;
	border-right:1px dotted #333;
}

#techniqueTags {
	width:45%;
	float:right;
}

/*****************************************************************************************/
/*										TagCloud
/*****************************************************************************************/

.tagcloud .s2 {
	font-size:1.20em;	
}

.tagcloud .s3 {
	font-size:1.40em;	
}

.tagcloud .s4 {
	font-size:1.60em;	
}

.tagcloud .s5 {
	font-size:1.80em;	
}

.tagcloud span {
	line-height:2em;	
}


/*****************************************************************************************/
/*										Texte
/*****************************************************************************************/

a {
	color:#78a5ff;
	text-decoration:underline;
}

a:visited {
	color:#4b679f;
	text-decoration:underline;
}

a:hover {
	color:#999;
	text-decoration:none;
}

a:active {
	color:#999;
	text-decoration:underline;
}

.errors {
	color:#f00;
}


h1, h2, h3, h4, h5, h6 {
}

h2 {
	font-size: 2em;
	text-align: center;
	font-variant: small-caps;
	margin-bottom: 2em;
}

#menu h2 {
	font-size:1.1em;
	text-align: center;
	font-variant: small-caps;
	margin: 0;
}

h3 {
	font-size: 1.4em;
	font-style: italic;
	border-bottom:1px solid #888;
	margin-top:40px;
	text-decoration:none;
	font-variant: small-caps;
}

h4 {
	font-size: 1em;
	text-decoration: underline;
	margin-top:20px;
	margin-bottom:10px
}

h5 {
	text-decoration: none;
	font-size: 1em;
}

#secondaire p {
	font-size:0.8em;
	color:#666;
	text-align: justify;
}

.modx {
	font-size:0.8em;
	color:#999;
}

/**************** Ditto **********************/

.ditto_info, .ditto_tags {
	color:#888;
}

.ditto_tags, .ditto_link  {
	font-style: italic
}

.ditto_tags a {
	color:#78a5ff !important;
}

.ditto_link  {
	clear: both;
	padding-top:15px;
}

#ditto_pages .ditto_currentpage {
    border: 1px solid #4b679f;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #78a5ff; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #78a5ff; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #78a5ff;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}